Как передать строку JSON в строку Highchart?

Question

Как передать строку JSON в строку Highchart?

0

Я работаю с основным строчным графическим строком, и у меня есть строка json, передаваемая php.

Я хочу передать эту строку в highchart, но она не работает для меня. Я не знаю, где я ошибаюсь.

Мой код выглядит следующим образом:

// data['SeriesData'] = [{"name":"Support Help Desk","data":[0,0,0,3060,675,0,450,540,112.5,0,45,45]},{"name":"Business Activity","data":[0,0,0,0,0,0,0,0,0,0,0,0]},{"name":"Maintenance Tasks","data":[0,0,0,0,0,0,0,0,0,0,0,0]},{"name":"Development","data":[0,0,0,0,0,0,0,832.5,0,0,0,0]},{"name":"Consulting Services","data":[0,0,0,1237.5,3802.5,3166.5,2801,585,562.5,0,157.5,1822.5]}]

var jdata = data['SeriesData'];
var SData = JSON.stringify(eval("(" + jdata + ")"));

 $('#chart').highcharts({           
            title: {
                text: 'Line Chart',
                 x: -20 //center
            },          
            legend: {
                layout: 'vertical',
                align: 'right',
                verticalAlign: 'middle',
                borderWidth: 0
            },          
            xAxis: {
                categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
                    'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
            },
            yAxis: {
                title: {
                    text: 'Total Minutes'
                },
                plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#808080'
                }]
            },          
            tooltip: {
                  valueSuffix: 'min'
            },
            series: SData
        });

Может кто-то указать мне на мою ошибку, пожалуйста?

Mausami 07 янв. 2014, в 00:34

Источник

0

var SData = JSON.stringify(eval("(" + jdata + ")")); должно быть неправильно. Просто должно быть. Что не так с JSON.stringify(jdata) ?
m59 06 янв. 2014, в 23:30
0

Ох, позвольте мне попробовать это.
Mausami 06 янв. 2014, в 23:32
0

все еще не работает. Это не признавая это.
Mausami 06 янв. 2014, в 23:33

Показать ещё 1 комментарий

Теги:

php

javascript

jquery

json

highcharts

1 ответ

Ещё вопросы

var SData = JSON.stringify(eval("(" + jdata + ")")); должно быть неправильно. Просто должно быть. Что не так с JSON.stringify(jdata) ?
Ох, позвольте мне попробовать это.
все еще не работает. Это не признавая это.

m59 · Accepted Answer · 2014-01-06T22-29-00.000Z

Это работает: Живая демонстрация (нажмите).

var data = {};
data.seriesData = [
  {"name":"Support Help Desk","data":[0,0,0,3060,675,0,450,540,112.5,0,45,45]},  
  {"name":"Business Activity","data":[0,0,0,0,0,0,0,0,0,0,0,0]},
  {"name":"Maintenance Tasks","data":[0,0,0,0,0,0,0,0,0,0,0,0]},
  {"name":"Development","data":[0,0,0,0,0,0,0,832.5,0,0,0,0]},
  {"name":"Consulting Services","data":[0,0,0,1237.5,3802.5,3166.5,2801,585,562.5,0,157.5,1822.5]}
];

var sData = JSON.stringify(data.seriesData);
console.log(sData);

Обратите внимание, что я изменил его на использование точечной нотации и стандартного наименования camelCase. Здесь демонстрация вашего исходного кода с правильным изменением - работает в любом случае: http://jsbin.com/UQupAvI/2/edit

eval() почти никогда не является ответом. Я не знаю, что заставило вас использовать его, но вам это не нужно. У вас уже был объект JSON. Если вам нужна строка, вам просто нужен JSON.stringify(). Если у вас есть строка и нужен объект, вы используете JSON.parse().

Я предполагаю, что вы приблизились ко всему этому неловко - похоже, что вы действительно хотите превратить строку с сервера в реальный объект: Live demo (нажмите).

var data = {};
data.seriesData = '[{"name":"Support Help Desk","data":[0,0,0,3060,675,0,450,540,112.5,0,45,45]},{"name":"Business Activity","data":[0,0,0,0,0,0,0,0,0,0,0,0]},{"name":"Maintenance Tasks","data":[0,0,0,0,0,0,0,0,0,0,0,0]},{"name":"Development","data":[0,0,0,0,0,0,0,832.5,0,0,0,0]},{"name":"Consulting Services","data":[0,0,0,1237.5,3802.5,3166.5,2801,585,562.5,0,157.5,1822.5]}]';

var sData = JSON.parse(data.seriesData);
console.log(sData); //now an object

эй все еще не работает .. и эта демонстрация также не работает .. что ru, проходящий в старшей таблице?
@ Маусами, тебе нужно передать строку или объект?
я хочу передать эти данные на график, чтобы график работал. так что я пытаюсь в обоих направлениях заставить его работать. но это не работает в любом случае. если я использую JSON.parse (data.seriesData), то это дает мне синтаксическую ошибку.
@ Маусами, ты не имеешь смысла. Ваш пост показывает, что у вас есть объект javascript, но вы говорите, что это строка с сервера. Я предполагаю, что вы хотите получить строку с сервера и передать ее как объект вашей функции, поэтому вам нужен JSON.parse(stringFromServer) . Если это так, используйте второй блок кода из моего ответа.
Я конвертирую свой результат в json на своей странице php и использую этот json для построения диаграммы. data ["SeriesData"] - мой результат в формате json. и я хочу передать его старшему. но я не знаю, как это сделать. поэтому я попытался скрыть свой результат как в строке, так и в объекте. но, к сожалению, это не работает. и я не знаю почему?
я попытался JSON.parse (data ["SeriesData"]), но он дает мне эту ошибку "SyntaxError: JSON.parse: ожидаемое имя свойства или '}'"
@Mausami Скажите, каков результат console.log(typeof data.SeriesData) .
давайте продолжим это обсуждение в чате