dataset创建单轴散点图

最新推荐文章于 2024-11-02 10:39:21 发布

南派冰点

最新推荐文章于 2024-11-02 10:39:21 发布

阅读量280

点赞数

CC 4.0 BY-SA版权

文章标签： echarts 前端 javascript

本文链接：https://blog.youkuaiyun.com/weixin_44487760/article/details/129376985

本文介绍了如何利用echarts的dataset特性来创建单轴散点图。在查阅官方文档和案例后，成功实现了这一功能，为那些希望在前端项目中使用javascript和echarts进行数据可视化的开发者提供了参考。

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

由于使用echarts作图时，我很喜欢用dataset作为数据源，但是官方案例中，又没有给出相关示例，于是，在翻阅官方文档相关案例之后，结合官方文档使用dataset的示例，成功使用dataset绘制单轴散点图！

//配置项
const option = {
    title:[],
    dataset:[
        {
            //使用 dimensions:["week","hours","count"], 方式时，
            //transform识别不到!         
            source:[//原始数据集
                ["week","hours","count"],
                [0, 0, 5], [0, 1, 1], [0, 2, 0], [0, 3, 0], 
                [0, 4, 0], [0, 5, 0], [0, 6, 0], [0, 7, 0], 
                [0, 8, 0], [0, 9, 0], [0, 10, 0], [0, 11, 2], 
                [0, 12, 4], [0, 13, 1], [0, 14, 1], [0, 15, 3], 
                [0, 16, 4], [0, 17, 6], [0, 18, 4], [0, 19, 4], 
                [0, 20, 3], [0, 21, 3], [0, 22, 2], [0, 23, 5], 
                [1, 0, 7], [1, 1, 0], [1, 2, 0], [1, 3, 0], 
                [1, 4, 0], [1, 5, 0], [1, 6, 0], [1, 7, 0], 
                [1, 8, 0], [1, 9, 0], [1, 10, 5], [1, 11, 2], 
                [1, 12, 2], [1, 13, 6], [1, 14, 9], [