ECharts 趋势图中的Y轴的趋势线上有圆点如何让这个点不显示
时间: 2024-04-18 13:31:32 浏览: 145
如果你想在 ECharts 的趋势图中隐藏 Y 轴的趋势线上的圆点,可以通过设置 `symbol` 属性为 `'none'` 来实现。以下是一个示例,展示如何隐藏 Y 轴的趋势线上的圆点:
```javascript
var option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value',
axisPointer: {
show: false // 隐藏趋势线上的圆点
}
},
series: [{
type: 'line',
data: [120, 200, 150, 80, 70, 110, 130],
symbol: 'none' // 不显示圆点
}]
};
// 设置图表的配置项和数据
chart.setOption(option);
```
在上面的示例中,我们在 `yAxis` 中设置了 `axisPointer` 的 `show` 属性为 `false`,以隐藏趋势线上的圆点。
另外,我们还在数据系列(`series`)中设置了 `symbol` 属性为 `'none'`,以确保不显示圆点。
通过这样设置,Y 轴的趋势线上的圆点将不再显示。
希望这个示例能帮助你隐藏 ECharts 趋势图中 Y 轴的趋势线上的圆点。如有其他问题,请随时提问。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)