jQuery Highcharts: изменить тип диаграммы с помощью выпадающего списка - PullRequest
2 голосов
/ 30 марта 2012

Я пытаюсь изменить значение графика следующим образом

<!doctype html>
<head>
<script>
var chart1; // globally available

$(document).ready(function() {
    var chart = 'pie'
    $("select").change(function(){
        chart = $('#chart').val();
        alert(chart);
    });

   chart1 = new Highcharts.Chart({
       chart: {
          renderTo: 'container',
          type: chart 
        },
        yAxis: {
           title: {
              text: 'Temprature'
           }
        },
        series: [{
           name: 'mach_1',
            data: [<?php 
            foreach($chart as $`row) {
            echo  $row['temp'].",";
            }
           ?>]
          }]
      });
});
</script>
</head>

<body>
  <div id="form">

    <label>Select a chart : </label>
    <select id="chart">
      <option>pie</option>
      <option>column</option>
    </select>

  </div>

  <div id="container"></div>

</body>
</html>

Я знаю, что это изменит значение графика при выборе, но это не изменит сам график.Есть идеи?

1 Ответ

14 голосов
/ 02 апреля 2012
  1. Ваш первоначальный вопрос было очень трудно читать и интерпретировать; некоторые теги редактора кода в stackoverflow были переплетены с кодом, который вы пытались опубликовать. В будущем может помочь пример кода на jsfiddle .

  2. Если я правильно понял вопрос, вы хотите изменить тип отображаемой диаграммы. Показать круговую диаграмму данных; теперь показывают гистограмму данных; теперь показывают линейный график и т. д.

  3. Если у вас есть вопрос Highcharts, хорошо, что кто-то еще задавал этот вопрос ранее на форуме Highcharts. В вашем случае, я думаю, что это правда: «Динамически менять тип диаграммы?» - http://highslide.com/forum/viewtopic.php?f=9&t=5501&p=26274&hilit=switch+chart+types#p26274

  4. В связанном выше вопросе форума Highcharts автор Highcharts Торстейн Хонси отвечает на вопрос и включает в себя скрипку, которую вы можете найти полезной отправной точкой, так как он меняет в ней тип диаграммы. http://jsfiddle.net/tccpT/ Позже, член группы поддержки Highcharts включает в себя скрипку, где мы видим еще один пример изменения типа диаграммы. http://jsfiddle.net/2hLr5/

  5. Когда круговая диаграмма включает в себя более двух частей данных, обычно рекомендуется не использовать круговую диаграмму в качестве средства визуализации данных. Чем больше значений имеет круговая диаграмма, тем сложнее становится воспринимать взаимосвязи между этими частями данных.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...