Echarts怎么改变yAxisY轴坐标的数值,或是能不能自己写一个呢

2024-11-05 07:01:15
推荐回答(5个)
回答1:

固定设置y轴最大值:max:1000,
或者动态放大上下限的值;
yAxis中先设置 minInterval : 1, 再设置 boundaryGap : [ 0, 0.1 ],
boundaryGap是坐标轴两端空白策略,数组内数值代表百分比,
[原始数据最小值与最终最小值之间的差额,原始数据最大值与最终最大值之间的差额]。比如,你数据是范围是0-120(最小值0,最大值120),那么,[0.5, 1]就表示,在最小值下方扩展50%的空间,在最大值上方扩展100%空间,也就是范围是[0 - 50% * (120 - 0), 120 + 100% * (120 - 0)]即y轴最小坐标为-60,最大坐标为240。

回答2:

/**
    * 柱形图
  

*/
   var myChart = echarts.init(document.getElementById('bar'));    var option = {//        提示    

tooltip: {
           show: true
       },
       xAxis: [
           {                type: 'category',
               axisLabel: {
                   formatter: '{value}'
               },
               data: ["1月", "2月", "3月", "4月", "5月", "6月"]
           }
       ],
     

yAxis: [
           {                type: 'value',
           }
       ],//     

数据系列 

series: [
           {                "type": "bar",                "data": [120, 40, 90, 110, 48, 50],
               itemStyle: {
                   normal: {
                       color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                           offset: 0,
                           color: '#76ddf3'
                       }, {
                           offset: 1,
                           color: '#2989cc'
                       }]),
                   }
               }
           }
       ]
   };    // 为echarts对象加载数据 

myChart.setOption(option);

回答3:

代码如下:myChart.on("click",function(param){varhz=param.name;//横坐标的值alert(param);}

回答4:

echarts Y轴上的数值是根据注入的参数而决定的,如果没有值,就是0,相反参数越大,y轴的数值也越大

回答5:

yAxis: [{
type: 'value',

min: 0,
max: 900,
splitArea: {
show: true
}
}]