Echart 散点图

最新推荐文章于 2025-06-06 11:33:20 发布

原创

最新推荐文章于 2025-06-06 11:33:20 发布 · 4.5k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#echart #scatter

本文通过实例演示如何使用ECharts创建具有自定义效果的散点图，详细讲解配置和实现过程。

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

参考https://www.echartsjs.com/examples/editor.html?c=bubble-gradient

自定义图表，效果如下


var data = [
    [
        ['2019/01/07','低落伤心',321773631,'yy','低落伤心'],
        ['2019/01/05','低落伤心',321773631,'yy','低落伤心']
    ],
    [
        ['2019/01/02','正常平和',321773631,'yy','正常平和'],
        ['2019/01/04','正常平和',321773631,'yy','正常平和'],
    ],
    [
        ['2019/01/03','开心快乐',321773631,'yy','开心快乐'],
        ['2019/01/10','开心快乐',321773631,'yy','开心快乐'],
    ]
];

var xdata = ['2019/01/01', '2019/01/02', '2019/01/03','2019/01/04'
,'2019/01/05', '2019/01/06', '2019/01/07','2019/01/08'
, '2019/01/09', '2019/01/10','2019/01/11'
];

option = {

    title: {
        text: '心情'
    },
    legend: {