使用ECharts的标准面积图简单模拟水位仪液位仪

最新推荐文章于 2024-08-09 17:09:43 发布

yzy85

最新推荐文章于 2024-08-09 17:09:43 发布

阅读量2.8k

点赞数

本文链接：https://blog.csdn.net/yzy85/article/details/79548648

版权

使用ECharts的标准面积图简单模拟水位仪液位仪

验证链接：点击打开链接

http://echarts.baidu.com/echarts2/doc/example/line3.html#mint

option = {
grid: { // 控制图的大小，调整下面这些值就可以，
          x: 5,
          y: 5,
         x2: 25,
             y2: 5// y2可以控制 X轴跟Zoom控件之间的间隔，避免以为倾斜后造成 label重叠到zoom上
    },
tooltip : {
        trigger: 'item'
    },
    xAxis : [
        {
            type : 'category',
            axisLabel : { show:false},
            boundaryGap : false,
            data : ['水位','水位']
           
        }
    ],
    yAxis : [
        {
            type : 'value',
           axisLabel : { show:false},
            min:0,
          max:5,
          splitLine:{  
                        　　　　show:false  
                        　　 }  
        },
       {
            type : 'value',         
            min:0,
          max:5,
         splitNumber:10,
          splitLine:{  
                        　　　　show:false  
                        　　 }  
        }
    ],
    series : [
        {
            type:'line',
            itemStyle: {normal: {areaStyle: {type: 'default'}}},
            data:[3.6, 3.6]
        }
    ]
};