Question

我试图将变量（＆＃39; maxValue＆＃39;）传递到我的Highcharts guage中。我无法成功传入变量，图表呈现但没有值。

我已尝试过Number和parseInt函数，但两者都没有区别。

我在这里设置了一个JS小提琴：http://jsfiddle.net/d5d4cgbe/16/

有问题的代码部分：

var maxValue = 120; //set the maxValue var

 $('#visitPerformanceWeek').highcharts(Highcharts.merge(gaugeOptions, {
            yAxis: {
                min: 0,
                max: maxValue,
                title: {
                    text: 'Hours Worked'
                }
            },

我最终将传递从AJAX请求中收集的值，这部分我已经工作但是已经排除了小提琴以保持简单。帮助赞赏

Answer 1

要动态设置maxValue， setExtremes 之类的内容应该这样做。尝试

chart.yAxis[0].setExtremes(0,maxValue);

另一种选择是更新方法：

chart.yAxis[0].update({ max: maxValue });

对于solidgauge要显示的maxValue，您需要指定一个tickerInterval，它分为maxValue。目前，该图表正在生成默认的滴答间隔，例如10，最多为100.例如，maxValue为120，您可以将tickInterval设置为12

   yAxis: {
        min: 0,
        max: 120,
        tickInterval: 12,
        ...
   }

<强> JSFiddle

Answer 2

点击此处：http://jsfiddle.net/d5d4cgbe/23/

您可以使用以下命令设置值：

chart.yAxis.max = maxValue;

检查浏览器控制台的yAxis值。

对Highcharts yAxis.Max使用变量

2 个答案: