echart 曲线上的圈
在 ECharts 中，你可以在曲线图上添加标记点，使得曲线在某些特定位置上显示圆圈。这可以通过设置 markPoint 属性来实现。
以下是一个简单的示例，展示如何在 ECharts 的曲线图上添加标记点：
javascript
var option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [820, 932, 901, 934, 1290, 1330, 1320],
type: 'line',
markPoint: {
symbol: 'circle', // 设置标记点的形状为圆圈
data: [
{type: 'max', name: '最大值'setoption}, // 在曲线的最大值处添加标记点
{type: 'min', name: '最小值'} // 在曲线的最小值处添加标记点
]
}
}]
};
echarts.init(document.getElementById('main')).setOption(option);
在上面的示例中，我们通过设置 markPoint 属性的 symbol 为 'circle'，使得标记点的形状为圆圈。然后，我们使用 data 属性指定了要在哪些位置添加标记点，这里我们添加了最大值和最小值处的标记点。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。