2015-05-11 2 views
1

Желаю всем отлично.Высокий график на высокий запас

Я действительно смущаюсь с этой «высокой диаграммой».

Моего данные:

string '[{"name":"Line001","data":[1,2,3,4]}, 
{"name":"Line002","data":[1,2,3,4]}, 
{"name":"Line003","data":[1,2,3,4]}, 
{"name":"Line004","data":[1,2,3,4]}]' 

xAxis = [2000,2001,2002,2003]; 

я могу создать диаграмму без проблем, но я хотел бы создать припуск, а затем начинается сомнение.

Как я могу поместить эти серии и эти значения в High Stock?

Помня, что у меня уже есть JSON, и я не хочу идти на другую страницу, так как у меня уже есть ее для High Chart.

Я пробовал примеры, но я действительно смущен.

Буду очень благодарен за помощь.

Ниже вы можете увидеть пример, который я использую.

$(function() { 
    var seriesOptions = [], 
     seriesCounter = 0, 
     names = ['MSFT', 'AAPL', 'GOOG'], 
     // create the chart when all data is loaded 
     createChart = function() { 

      $('#container').highcharts('StockChart', { 

       rangeSelector: { 
        selected: 4 
       }, 

       yAxis: { 
        labels: { 
         formatter: function() { 
          return (this.value > 0 ? ' + ' : '') + this.value + '%'; 
         } 
        }, 
        plotLines: [{ 
         value: 0, 
         width: 2, 
         color: 'silver' 
        }] 
       }, 

       plotOptions: { 
        series: { 
         compare: 'percent' 
        } 
       }, 

       tooltip: { 
        pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.y}</b> ({point.change}%)<br/>', 
        valueDecimals: 2 
       }, 

       series: seriesOptions 
      }); 
     }; 

    $.each(names, function (i, name) { 

     $.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=' + name.toLowerCase() + '-c.json&callback=?', function (data) { 

      seriesOptions[i] = { 
       name: name, 
       data: data 
      }; 

      // As we're loading the data asynchronously, we don't know what order it will arrive. So 
      // we keep a counter and create the chart when all the data is loaded. 
      seriesCounter += 1; 

      if (seriesCounter === names.length) { 
       createChart(); 
      } 
     }); 
    }); 
}); 
+1

Ну, для меня хорошо работает: http://jsfiddle.net/nf7ne/56/, не могли бы вы указать мне, как я могу решить вашу проблему? Получаете ли вы какие-либо ошибки в консоли? –

ответ

0

Мне просто нужно принести дату с PHP в формате JAVASCRIPT.

После ввода формата UTC диаграмма работает.

Закрыт.

0

Вы включили файл highstock.js?
<script src="http://code.highcharts.com/stock/highstock.js"></script>

Я часто нахожу, что легче тестировать и создавать примеры из своих примеров JS Fiddle. For Example.

+0

Эй, спасибо за ответ, но я знаю, что мне нужно pu «highstock.js», мой вопрос: «Как я могу перенести данные с высоких графиков на высокий запас?» –

+0

Итак, вы хотите динамически добавлять данные, как загружать их в новый график после загрузки страницы? Посмотрите на метод [addPoint] (http://api.highcharts.com/highcharts#Series.addPoint) и попробуйте использовать Google для примера [используя эти ключевые слова] (https://www.google.com/webhp?sourceid= хром-мгновенный & ион = 1 & espv = 2 & т.е. = UTF-8, # д = добавить% 20highstock% 20data% 20dynamically) – grokpot

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