echarts绘制一维断面堤坝水位图，负值时堤坝面覆盖水面

Y头-前端

于 2024-11-21 11:57:48 发布

阅读量215

点赞数 1

文章标签： echarts javascript ecmascript

本文链接：https://blog.youkuaiyun.com/qq_40474392/article/details/143938940

版权

使用echarts绘制堤坝水位图，需求负值时堤坝面覆盖水面

错误效果图

在这里插入图片描述

正确绘制效果图

在这里插入图片描述

origin: ‘start’ 设置图形会从坐标轴轴底部到数据间进行填充
官网配置解释

{
      type: 'line',
      data: yVal,
      smooth: true,
      areaStyle: {
        origin: 'start',
        color: '#f6be8b',
        opacity: 1
      },
      lineStyle: {
        color: '#f6be8b'
      },
      symbol: 'none',
      z: 4
    }