2015-01-15 2 views
1

Я пытаюсь передать переменную ('maxValue') в мой Highcharts guage. Я не могу получить переменную, чтобы успешно пройти, график отображает, но без значения.Используйте переменную для Highcharts yAxis.Max

Ive попробовал функции 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, то эта часть я работаю, но исключил от скрипки, чтобы это было просто. Помощь оценила

ответ

2

Для настройки maxValue динамически, что-то вроде setExtremes должно это сделать. Попробуйте

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

Другой альтернативой является метод обновления:

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

Для maxValue, который будет отображаться в solidgauge, необходимо указать tickerInterval, разделяющий в MaxValue. В настоящее время диаграмма генерирует интервал тика по умолчанию, например. 10, который добавляет до 100. Например, maxValue 120, вы можете установить tickInterval до 12

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

JSFiddle

+1

Спасибо. Использование setExtremes автоматически перерисовывает диаграмму (я считаю), это работает сейчас. Большое спасибо – user1286856

0

Проверьте здесь: http://jsfiddle.net/d5d4cgbe/23/

вы можете установить значение, используя следующую команду:

chart.yAxis.max = maxValue; 

проверку браузер консоли для значения YAxis.

+0

Спасибо, я могу видеть это обновление в консоли. Но диаграмма действительно использует значение. Возможно, мне нужно сделать это как-то! – user1286856

Смежные вопросы