Question

我正在使用react-highcharts，我有一个2 yAx的图表，其中一个是百分比，没有意义让值高于100％。

我正在尝试将100设置为最大值。 http://take.ms/lYjkT

（120％和6个值是不必要的）

我尝试过使用 - yAxis.max:100和yAxis.min：0 - yAxis.ceiling：100和yAxis.floor：0 - yAxis.maxPadding：0，yAxis.minPadding：0

我也试过使用yAxis.tickInterval，yAxis.minRange，yAxis.endOnTick，但没有任何效果。我试过的其他事情是使用 - chart.alignTicks：false 它看起来更好 http://take.ms/2PLiL

但是0应该在图的底部，我也更喜欢使用alingTicks：true并删除不必要的值。

这是我正在使用的配置

yAxis: [{
      gridLineWidth: 0,
      title: {
      text: '',
      style: {
        color: window.Highcharts.getOptions().colors[1]
      }
     },
     labels: {
       format: '{value}',
       style: {
         color: window.Highcharts.getOptions().colors[1]
       }
     },
   },
     { 
       gridLineWidth: 0,
       maxPadding: 0,
       minPadding: 0,
       minRange: 100,
       ceiling:100,
       floor: 0,
       title: {
         text: '',
         style: {
           color: window.Highcharts.getOptions().colors[1]
         }
       },
       labels: {
         format: '{value}%',
         style: {
           color: window.Highcharts.getOptions().colors[1]
         }
       },
       opposite: true
     }]

你知道怎么做吗？

react-highcharts yAxis max / ceiling不适用于多轴

0 个答案: