水位、流量、降雨量，多轴图表绘制

最新推荐文章于 2023-09-18 16:26:29 发布

光华♏

最新推荐文章于 2023-09-18 16:26:29 发布

阅读量2.5k

点赞数 1

文章标签： echarts vue javascript

本文链接：https://blog.csdn.net/fire_f_f/article/details/114637197

版权

本文介绍了如何利用Echarts库在Vue.js项目中创建展示水位、流量和降雨量的多轴图表。通过实例代码详细讲解了配置项设置和数据绑定，帮助开发者实现复杂数据的可视化呈现。

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

{
    dataset: {
      source: [
        ['date', '实时水位', '实时流量', '实时降雨量', '预报水位', '预报流量', '预报降雨量'],
        ['2021-03-01', 19.2, 3.0, 0.7, null, null, null],
        ['2021-03-02', 20.7, 3.1, 1.0, null, null, null],
        ['2021-03-03', 21.4, 3.3, 2.2, null, null, null],
        ['2021-03-04', 22.2, 3.5, 2.6, null, null, null],
        ['2021-03-05', 21.5, 4.0, 1.8, null, null, null],
        ['2021-03-06', 19.7, 3.4, 1.2, null, null, null],
        ['2021-03-07', 19.5, 3.0, 0.6, null, null, null],
        ['2021-03-08', 19.3, 3.1, 0.4, null, null, null],
        ['2021-03-09', 18.8, 2.9, 0.2, null, null, null],
        ['2021-03-10', 19.2, 3.0, 0.7, null, null, null],
        ['2021-03-11', 22.7, 3.3, 1.0, null, null, null],
        ['2021-03-12', 21.4, 3.5, 2.2, null, null, null],
        ['2021-03-13', 22.2, 3.9, 2.6, null, null, null],
        ['2021-03-14', 21.5, 4.2, 1.8, null, null, null],
        ['2021-03-15', 19.7, 3.4, 1.2, null, null, null],
        ['2021-03-16', 19.5, 3.3, 0.6, null, null, null],
        ['2021-03-17', 19.3, 3.0, 0.4, null, null, null],
        ['2021-03-18', 18.8, 2.9, 0.2, null, null, null],
        ['2021-03-19', 19.2, 3.0, 0.7, null, null, null],
        ['2021-03-20', 20.7, 3.3, 1.0, null, null, null],
        ['2021-03-21', 21.4, 3.5, 2.2, null, null, null],
        ['2021-03-22', 21.4, 3.8, 2.1, null, null, null],
        ['2021-03-23', 2

最低0.47元/天解锁文章