echarts Y轴刻度保留几位小数

Posted chenzhenguo

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了echarts Y轴刻度保留几位小数相关的知识,希望对你有一定的参考价值。

实例

 1 option = {
 2     title : {
 3         text: \'某地区蒸发量和降水量\',
 4         subtext: \'纯属虚构\'
 5     },
 6     tooltip : {
 7         trigger: \'axis\'
 8     },
 9     legend: {
10         data:[\'蒸发量\',\'降水量\']
11     },
12     toolbox: {
13         show : true,
14         feature : {
15             mark : {show: true},
16             dataView : {show: true, readOnly: false},
17             magicType : {show: true, type: [\'line\', \'bar\']},
18             restore : {show: true},
19             saveAsImage : {show: true}
20         }
21     },
22     calculable : true,
23     xAxis : [
24         {
25             type : \'category\',
26             data : [\'1月\',\'2月\',\'3月\',\'4月\',\'5月\',\'6月\',\'7月\',\'8月\',\'9月\',\'10月\',\'11月\',\'12月\']
27         }
28     ],
29     yAxis : [
30         {
31             type : \'value\',
32               axisLabel: {                   
33                 formatter: function (value, index) {           
34                  return value.toFixed(1);      
35                   }                
36             }
37         }
38     ],
39     series : [
40         {
41             name:\'蒸发量\',
42             type:\'bar\',
43             data:[2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3],
44             markPoint : {
45                 data : [
46                     {type : \'max\', name: \'最大值\'},
47                     {type : \'min\', name: \'最小值\'}
48                 ]
49             },
50             markLine : {
51                 data : [
52                     {type : \'average\', name: \'平均值\'}
53                 ]
54             }
55         },
56         {
57             name:\'降水量\',
58             type:\'bar\',
59             data:[2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3],
60             markPoint : {
61                 data : [
62                     {name : \'年最高\', value : 182.2, xAxis: 7, yAxis: 183, symbolSize:18},
63                     {name : \'年最低\', value : 2.3, xAxis: 11, yAxis: 3}
64                 ]
65             },
66             markLine : {
67                 data : [
68                     {type : \'average\', name : \'平均值\'}
69                 ]
70             }
71         }
72     ]
73 };
74                     

 

以上是关于echarts Y轴刻度保留几位小数的主要内容,如果未能解决你的问题,请参考以下文章

echarts Y轴刻度保留小数设置,以及设置刻度间隔

ECharts关于y轴刻度调整

echarts中y轴数值出现小数的解决办法

echarts如何获取y轴刻度的最大值

Echarts 双Y轴刻度不一致

echarts解决双Y轴刻度线不对齐问题