echart 基本设置

来源:互联网 发布:强子纹身器材淘宝 编辑:程序博客网 时间:2024/05/22 09:38

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


 tooltip : {                             trigger: 'axis',                             axisPointer : {            // 坐标轴指示器,坐标轴触发有效                                 type : 'shadow'        // 默认为直线,可选为:'line' | 'shadow'                             }                         },

二:添加网格


xAxis: [{    axisTick: {        show: true    },    splitLine: {        show: true    },}],

三:添加X/Y轴坐标

xAxis: [{    name: '%',}],
yAxis: [{    name: '%',}],

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


原创粉丝点击