- 调整 ECharts 折线图上的圆点大小
可以通过设置相应的系列属性实现。具体来说,可以通过设置 symbolSize 属性来控制圆点的大小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',// 设置圆点大小为5symbolSize: 5}] };
- ECharts 折线图上鼠标悬停时放大圆点
可以通过在 series 属性中设置 emphasis 属性实现。emphasis 属性包含了当鼠标悬停在图表上时,需要突出显示的样式设置。var option = {tooltip: {trigger: 'axis'},legend: {data: ['系列1', '系列2', '系列3']},xAxis: {data: ['一月', '二月', '三月', '四月', '五月', '六月']},yAxis: {},series: [{name: '系列1',type: 'line',data: [100, 200, 300, 400, 500, 600],emphasis: {// 在鼠标悬停时放大圆点itemStyle: {borderWidth: 2,borderColor: '#fff',shadowBlur: 10,shadowColor: 'rgba(0, 0, 0, 0.3)'}}}] };
在样式中
- borderWidth:控制圆点的边框宽度
- borderColor :控制圆点的边框颜色,
- shadowBlur、shadowColor :控制圆点的阴影效果。