echarts 基准线

在Echarts中，可以通过使用markLine来添加基准线。基准线可以是水平直线或者标准线，可以用不同的颜色来区分标准线以上或者以下的数据。

首先，需要设置series的类型为line，并在series中添加markLine来定义基准线的样式和数据。例如：

series: [
    {
        type: 'line',
        markLine: {
            symbol: 'none',
            data: [
                {
                    yAxis: 30, // 自定义下限值
                    label: {
                        show: false, // 不显示基准线名称
                    },
                    lineStyle: {
                        type: 'dashed', // 基准线样式为虚线
                        color: '#b17063', // 基准线颜色
                    },
                },
                {
                    yAxis: 50, // 上限值
                    label: {
                        show: false,
                    },
                    lineStyle: {
                        type: 'dashed',
                        color: '#b17063',
                    },
                },
            ],
        },
    },
]

以上代码片段展示了如何添加两条基准线，一条下限值为30，另一条上限值为50。可以根据项目需求自行调整基准线的样式和位置。

通过上述方法，你可以在Echarts中添加多个基准线并设置其样式来满足需求。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [echarts 图表加水平直线或者标准线.js](https://download.csdn.net/download/qq_36437172/12388051)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [echarts问题整理之多条基准线设置](https://blog.csdn.net/qq_43574304/article/details/114917403)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [echarts 折线图设置基准线](https://blog.csdn.net/hfhwfw161226/article/details/131220785)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]