Категория динамического набора Highcharts обновляет график, но показывает только точки, но не линии

Question

Категория динамического набора Highcharts обновляет график, но показывает только точки, но не линии

0

У меня есть диаграмма типа Highchart LINE, которая корректно отображает линейный график. У меня есть кнопка для изменения данных динамически. Первый график отображает данные за 7 дней. На клике 14 дней диаграмма корректно отображает данные, но когда я использую.

function requestData(response,point){
...data fetching code......
var series = chart.series[0];
chart.series[1].setData(eval(oneArray),false,true);
chart.series[0].setData(eval(twoArray),false,true);
chart.xAxis[0].setCategories(json array, true,true);}

если я удалю chart.xAxis[0].setCategories(json array, true,true); то он показывает строки с правильными данными, но ось х - это только числа, мне нужно задать ось х с именем дней. В массиве json все правильно. Вот мой код диаграммы.

                   var chart;
                   chart = new Highcharts.Chart({
                   chart: {
                       renderTo: "progresschart",
                       type: "line",
                       events: {
                           load: requestData   
                       }
                   },
                   credits: {
                           enabled: false
                       },
                   title: {
                       text: "Calories Burned Vs Calorie Consumed"
                   },
                    xAxis: {

                           categories: [],
                           },

                   yAxis: {
                       title: {
                           text: "Calories"
                       },
                   },
                   series: [{
                       name: "Consumed",
                        data:[] 
                   },{
                       name: "Burned",
                        data:[] 
                   }],
                   exporting: {
                                enabled: false
                            }
              });
        });

Сначала массив категорий:

["Thu,28th", "Fri,29th", "Sat,30th", "Sun,1st", "Mon,2nd", "Tue,3rd", "Wed,4th"]

должен быть установлен массив:

["Thu", "Fri", "Sat", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Mon", "Tue", "Wed"]

Серия [1]:

[403.91604166667, 0, 0, 156.421875, 190.48708333333, 121.66145833333, 52.140625, 104.28125, 440.41447916667, 472.04645833334, 0, 178.3209375, 191.18229166666, 139.04166666667]

Серия [2]:

[100, 112, 0, 0, 360, 330, 141, 150, 100, 0, 0, 0, 0, 0]

Sudhanshu Saxena 04 дек. 2013, в 07:33

Источник

0

Было бы очень неплохо приложить пример данных, иначе трудно сказать, что может пойти не так. Для серий и категорий.
Paweł Fus 04 дек. 2013, в 10:37
0

@ PawełFus вопрос обновлен ..
Sudhanshu Saxena 04 дек. 2013, в 12:24
2

Пожалуйста, приложите серию.
Sebastian Bochan 04 дек. 2013, в 12:42
0

Мне всегда приходилось устанавливать setCategories () без параметров, чтобы очистить его, тогда он будет корректно перерисовываться при втором вызове с нужными мне параметрами
TomCDona 04 дек. 2013, в 14:09
0

Серия @SebastianBochan прикреплена для динамических данных
Sudhanshu Saxena 04 дек. 2013, в 14:42
1

Пытался воспроизвести проблему на jsFiddle. Данные и категории кажутся правильными. Я что-то упустил в этом примере: jsfiddle.net/24dXX ? Мне приходит в голову только одно - у вас есть версия Highcharts 3.0.7? Возможно, в одной из старых версий есть какая-то ошибка.
Paweł Fus 05 дек. 2013, в 11:29
0

@ PawełFus Вы спасаете мой рабочий день. Это мелочи, которые мы, разработчики, всегда забываем делать. Я работаю над старой версией. Это главная проблема. Спасибо за вашу поддержку, и определенно, если моему клиенту это понравится, я буду поддерживать команду разработчиков Highcharts. Ура !! Опубликуйте это как ответ, чтобы другие также могли получить помощь.
Sudhanshu Saxena 05 дек. 2013, в 14:18
0

Конечно, сделано. Приятно слышать, что это решено!
Paweł Fus 05 дек. 2013, в 14:32

Показать ещё 6 комментариев

Теги:

php

jquery

highcharts

yii

1 ответ

Ещё вопросы

Было бы очень неплохо приложить пример данных, иначе трудно сказать, что может пойти не так. Для серий и категорий.
Мне всегда приходилось устанавливать setCategories () без параметров, чтобы очистить его, тогда он будет корректно перерисовываться при втором вызове с нужными мне параметрами
Серия @SebastianBochan прикреплена для динамических данных
Пытался воспроизвести проблему на jsFiddle. Данные и категории кажутся правильными. Я что-то упустил в этом примере: jsfiddle.net/24dXX ? Мне приходит в голову только одно - у вас есть версия Highcharts 3.0.7? Возможно, в одной из старых версий есть какая-то ошибка.
@ PawełFus Вы спасаете мой рабочий день. Это мелочи, которые мы, разработчики, всегда забываем делать. Я работаю над старой версией. Это главная проблема. Спасибо за вашу поддержку, и определенно, если моему клиенту это понравится, я буду поддерживать команду разработчиков Highcharts. Ура !! Опубликуйте это как ответ, чтобы другие также могли получить помощь.
Конечно, сделано. Приятно слышать, что это решено!

Paweł Fus · Accepted Answer · 2013-12-05T12-46-00.000Z

Вероятно, это ошибка в старой версии Highcharts, обновление до 3.0. 7+ должен решить эту проблему.

Рабочий пример: http://jsfiddle.net/24dXX/

Код:

    var arr = ["Thu", "Fri", "Sat", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Mon", "Tue", "Wed"],
        oneArray = "[403.91604166667, 0, 0, 156.421875, 190.48708333333, 121.66145833333, 52.140625, 104.28125, 440.41447916667, 472.04645833334, 0, 178.3209375, 191.18229166666, 139.04166666667]",
        twoArray = "[100, 112, 0, 0, 360, 330, 141, 150, 100, 0, 0, 0, 0, 0]";

    chart.series[1].setData(eval(oneArray), false, true);
    chart.series[0].setData(eval(twoArray), false, true);
    chart.xAxis[0].setCategories(arr, true, true);