1export const AnnotationHorizontalLineSelector = memo(() => {
2 const vseed: VSeed = {
3 chartType: 'line',
4 dataset: [
5 { date: '2019', profit: 100, sales: 200, count: 500 },
6 { date: '2020', profit: 30, sales: 60, count: 50 },
7 { date: '2021', profit: 30, sales: 60, count: 50 },
8 { date: '2022', profit: 50, sales: 100, count: 50 },
9 { date: '2023', profit: 40, sales: 80, count: 50 },
10 ],
11 annotationHorizontalLine: {
12 selector: 200,
13 text: '销售额最大值',
14 },
15 dimensions: [{ id: 'date', alias: '日期', location: 'dimension' }],
16 measures: [
17 { id: 'profit', alias: '利润' },
18 { id: 'sales', alias: '销售额' },
19 { id: 'count', alias: '数量' },
20 ],
21 }
22 return <VChartRender vseed={vseed} />
23})1export const AnnotationHorizontalLineValue = memo(() => {
2 const vseed: VSeed = {
3 chartType: 'area',
4 dataset: [
5 { date: '2019', profit: 100, sales: 200, count: 500 },
6 { date: '2020', profit: 30, sales: 60, count: 50 },
7 { date: '2021', profit: 30, sales: 60, count: 50 },
8 { date: '2022', profit: 50, sales: 100, count: 50 },
9 { date: '2023', profit: 40, sales: 80, count: 50 },
10 ],
11 annotationHorizontalLine: [
12 {
13 yValue: 220.5,
14 text: `数值 ${220.5}`,
15 },
16 {
17 yValue: [300, 30],
18 text: `参考线`,
19 },
20 ],
21 dimensions: [{ id: 'date', alias: '日期', location: 'dimension' }],
22 measures: [
23 { id: 'profit', alias: '利润' },
24 { id: 'sales', alias: '销售额' },
25 { id: 'count', alias: '数量' },
26 ],
27 }
28 return <VChartRender vseed={vseed} />
29})