Echarts 某些数据图形不显示，tooltips显示

最新推荐文章于 2025-02-25 16:03:54 发布

rita13

最新推荐文章于 2025-02-25 16:03:54 发布

阅读量2.1k

点赞数 1

分类专栏：前端文章标签： echarts

本文链接：https://blog.youkuaiyun.com/rita13/article/details/119450133

版权

前端专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何在ECharts中创建散点图（series-scatter），通过将symbol属性设置为'none'，实现无标记的数据可视化。展示了如何配置tooltip和系列数据，以及最终的效果展示。

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

利用series-scatter（散点（气泡）图），并将symbol设为none即可实现。

series-scatter. symbol = 'circle'

stringFunction

标记的图形。

ECharts 提供的标记类型包括

'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'

代码：

tooltip: {
        show: true,
        confine: true,
        trigger: 'axis',
        axisPointer: {type: 'shadow'},        // 默认为直线，可选为：'line' | 'shadow'
  },

series: [
        {
            name: 'bar4',
            type: 'bar',
            stack: 'two',
            emphasis: emphasisStyle,
            data: [-1,-2,-2,-1]
        },
        {
            name: 'bar5',
            type: 'scatter',
            symbol : 'none',
            stack: 'two',
            emphasis: emphasisStyle,
            data: [2,3,4,7]
        }
    ]

效果：