xAxis: { axisLabel : { interval:0 // 强制显示所有 formatter: '{value} °C' }, splitLine: { lineStyle: { type: 'dashed' } } }, Y轴与X轴用法同样
提示格式化 javascript
tooltip: { trigger: 'axis', axisPointer: { // 坐标轴指示器,坐标轴触发有效 type: 'shadow' // 默认为直线,可选为:'line' | 'shadow' }, formatter: function(params) { return params[0].name + '<br/>' + params[0].seriesName + ' : ' + params[0].value + ' 万方' + '<br/>' + params[1].seriesName + ' : ' + params[1].value + ' 万方' + '<br/>' } },
label格式化 java
{ name: '昨天增量', type: 'bar', stack: '辅助', label: { normal: { show: true, position: 'right', formatter: '{c} 万方', textStyle: { fontSize: 16, } }, }, data: [950, 850, 750, 650, 550, 450, 350, 250, 150, 90], },
仪表盘数值格式化 code
{ name: '瞬时流量', type: 'gauge', center: ['50%', '55%'], // 默认全局居中 z: 3, min: 0, max: 32111, radius: '100%', axisLabel: { formatter: function(value) { return value.toFixed(); } }, detail: { formatter: '{value}\n Nm³/h', }, data: [ { value: 10000, name: '瞬时流量' }] },
散点图散点大小根据y轴数据大小相关orm
series: [ { name: '用量统计', type: 'scatter', //symbolSize:15,固定大小 symbolSize: function(value) { return Math.round(value); }, data: [17, 64, 80, 40, 50, 82, 25, ], } ]