如果您两个表可以做成一个数据模型，并且使用参数传递来查询不同数据，此时可以将对应的参考线的数据绑定在提示标签上。
然后使用组件的自定义属性或者自定义行为绘制markLine。
- let lr = 0;
- let sl = 0;
- option.series[0].data.map((item)=>{
- lr += item._meta.dataPoint.订单利润;
- sl = Math.max(item._meta.dataPoint.购买数量, sl);
- })
- lr = lr / option.series[0].data.length / 10;
- console.log(lr);
- console.log(sl);
- option.series[0].markLine = {
- data: [
- // 水平线：展示标准值
- {
- name: '标准值',
- yAxis: lr, // 设置标准值为1600
- lineStyle: {
- color: 'red',
- type: 'dashed',
- width: 2
- },
- label: {
- position: 'middle',
- formatter: '标准值: {c}',
- color: 'red'
- }
- },
- // 可以添加多个标准线
- {
- name: '优秀值',
- yAxis: sl,
- lineStyle: {
- color: 'green',
- type: 'dashed',
- width: 2
- },
- label: {
- position: 'middle',
- formatter: '优秀值: {c}',
- color: 'green'
- }
- }
- ],
- symbol: 'none', // 不显示标记点
- label: {
- show: true,
- position: 'insideEndTop'
- }
- };
- console.log(option);
- return option;
|
