echart 基本设置

ゝ一纸荒年。 2021-10-08 06:36 462阅读 0赞

一：鼠标悬停出现阴影部分

Center 

  1. tooltip : {
  2.                                      trigger: 'axis',
  3.                                      axisPointer : {            // 坐标轴指示器，坐标轴触发有效
  4.                                          type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
  5.                                      }
  6.                                  },

二：添加网格

Center 

  1. xAxis: [{
  2.     axisTick: {
  3.         show: true
  4.     },
  5.     splitLine: {
  6.         show: true
  7.     },
  8. }],

三：添加X/Y轴坐标

  1. xAxis: [{
  2.     name: '%',
  3. }],
  5. yAxis: [{
  6.     name: '%',
  7. }],

四：图例居中 

  1. legend: {
  2.     selectedMode: false,//图例是否可以点击
  3.     legend: 'center',//图例居中显示可以选择left or right
  4.     data: ['良品率', '时间开动率', '性能开动率', 'OEE']//图例名称
  5. },

发表评论

表情：
评论列表 （有 0 条评论，462人围观）

还没有评论，来说两句吧...

相关阅读

    相关 echarts 基本使用

       最近项目中要做图形报表，要求使用echarts实现，图形报表有很多中实现之前也接触过，但echarts还是头一次听说，正好可以趁这个机会好好学习一下它。   之前不知道

    深碍√TFBOYSˉ_深碍√TFBOYSˉ_/ 0 赞/ 237 阅读