echarts折线图加一条目标值线

文章目录

• 一、echarts折线图加一条目标值线？
• 二、使用步骤
• • 1.代码如下：
  • 2.示例图片
• 总结

一、echarts折线图加一条目标值线？

在 ECharts 中添加一条目标值线（即一个固定值的水平线），可以使用 markLine 组件，以下是一个简单的例子，展示了如何在 ECharts 折线图中添加一条目标值线。

二、使用步骤

1.代码如下：

series: [
	{
		......
		//这里是自己的代码内容
		markLine: {
              data: [
                // 目标值线
                {
                  yAxis: targetValue, // 目标值
                  name: '目标值', // 显示的名称
                  lineStyle: {
                    type: 'solid',
                    color: '#ff0000' // 线的颜色
                  },
                  label: {
                    color:'red',
                    fontSize: 14,
                    fontWeight: 'bold',
                    show: true, // 是否显示标签
                    offset: [-80, -12], // 标签偏移量
                    formatter: '目标值: ' + targetValue+ '人' // 标签的格式
               }
             }
           ]
         }
	}
]

2.示例图片

图片如下（示例）：

总结

在这个例子中，我们定义了一个目标值 targetValue，然后在 markLine 的 data 数组中添加了一个对象来表示这条线。我们设置了线的起点和终点，并定制了线的样式和标签，这样就在 ECharts 折线图中添加了一条目标值线。