Echarts添加一条垂直于x轴的直线

最新推荐文章于 2025-05-12 22:00:00 发布



最新推荐文章于 2025-05-12 22:00:00 发布

阅读量1.3w

点赞数 5

CC 4.0 BY-SA版权

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/weixin_42720512/article/details/103970206

本文介绍如何使用ECharts的markLine属性来绘制平行于y轴的直线，适用于展示特定x轴坐标上的数据变化趋势。通过设置data属性中的两个坐标点，可以灵活地在图表中添加自定义的直线。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

series:[{
	name: '平行于y轴的趋势线',
    type: 'line',
    markLine: {
        itemStyle: {      //盒须图样式。
        },
        name: 'cc',
        //yAxisIndex: 0,
        // symbol:'none',//去掉箭头
        data: [[
            { coord: ['x轴坐标', 0] },
            { coord: ['x轴坐标',y轴值] }
        ]]
    }
}]

利用echarts的markLine属性可以做出想要的直线，markLine下data的两个coord代表着坐标系中的两个点连成的直线。
coord中的值类型分为字符串型和数字型，数字型为坐标的索引，字符串为当前值。

注：官网中的在线定制文档最基础部分不包含支持markLine属性，需要手动选择。