Highcharts中的区域图:y轴的min和minPadding [英] Area charts in Highcharts: min and minPadding for y-axis

查看:183
本文介绍了Highcharts中的区域图:y轴的min和minPadding的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我想要一些有关面积图的帮助.如果系列值不是0.0,则图表的最小值始终设置为0,并且正确地位于图表的底部(即y轴):

I would like some help with Area chart. If the series values are not 0.0, the minimum value of the chart always set into 0, and it's correctly on the bottom of the chart (ie) y-axis:

我尝试设置

{ 最小值:0, minPadding:0 } 在y轴上,但不起作用.显然,我无法设置最大值,因为我有动态数据.我该如何解决?

{ min: 0, minPadding:0 } on the y-axis, but it doesn't work. Obviously I can't set a max value because I have a dynamic data. How can I solve this?

我已经在折线图中尝试了上述情况,但在区域图中却无法正常工作?

I have tried above cases in line charts its working properly, but not in Area charts?

推荐答案

如果您的问题是动态设置最大值(或最小值),则可以使用事件来动态设置最大值和最小值:

If your issue is to set a max (or min) dynamically, you can use event to set dynamically max and min:

var newMaxValue=60000000;
var newMinValue=10000000;

...

  events: {
    load: function() {
      var check = $('#container').highcharts();
        check.yAxis[0].setExtremes(newMinValue, newMaxValue);
    }

检查示例( jsfiddle ):

$(function() {
var newMaxValue=60000000;
var newMinValue=10000000;
  $('#container').highcharts({

      chart: {
      type: 'area',

      events: {
        load: function() {
          var check = $('#container').highcharts();
            check.yAxis[0].setExtremes(newMinValue, newMaxValue);

        }
      }
    },


    series: [{
      "data": [{
        "y": 198975.14,

      }, {
        "y": 15031755.47,

      }, {
        "y": 21374471.88,
      }],
      "name": "Income Statement",
      "yAxis": 0
    }]
  });
});

这篇关于Highcharts中的区域图:y轴的min和minPadding的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆