Yii Highchart extension - Изменить цвет по значению

Question

Итак, я использую это расширение highcharts на Yii. И я извлекаю данные с помощью базы данных (с моего контроллера). А вид выглядит следующим образом:

<div class="hero-unit" id="content" style="position:relative;border: solid green"> 
<div style="max-width:100%;overflow:auto;"> 
    <div style="width:2200px;"> 
     <center> 
      <?php 
      $label = array(); //inisiasi label axis 
      $nilai = array(); //inisiasi nilai data 
      foreach ($dataProvider3->getData() as $i => $ii) { 
       $label[$i] = array($ii['no'] . '. ' . $ii['namapek']);//this is fetched from SQL syntax in controller 
       $nilai[$i] = (float) $ii['pek']; //this is fetched from SQL syntax in controller 
      } 
      $this->widget('application.extensions.highcharts.HighchartsWidget', array(
       'scripts' => array(
        'modules/exporting', 
        'themes/epcGray', 
        'highcharts-more', 
       ), 
       'options' => array(
        'chart' => array('defaultSeriesType' => 'column', 'backgroundColor' => 'rgba(255, 255, 255, 0.1)'), 
        'title' => FALSE, 
        'legend' => array(
         'enabled' => false, 
        ), 
        'xAxis' => array(
         'categories' => $label, 
        ), //nama axis 
        'yAxis' => array(
         'min' => 0, 
         'title' => array(
          'text' => 'Percentage' 
         ), 
        ), 
        'series' => array(
         array('data' => $nilai)//data, 
        ), 
        'tooltip' => array(
         'formatter' => 'js:function() {return "<b>Step "+ this.x +"</b><br/>" + "Finished: "+ Highcharts.numberFormat(this.y, 2) +"%"; }', 
        ), 
        'plotOptions' => array(
         'column' => array(
          'zones' => 
          array('value' => 50, 'color' => '#EB4011'), 
          array('value' => 120, 'color' => '#aaff99'), 
         ), 
         'series' => array(
          'point' => array(
           'events' => array(
            'click' => 'js:function() { 
           var cat = this.category; 
           var res = parseInt(cat, 10); 
           window.open ("index.php?r=reports/rinci&id=" + res); }', 
           ) 
          ), 
         ) 
        ), 
        'credits' => array('enabled' => false), 
       ) 
      )); 
      ?> 
     </center> 
    </div> 
</div> 

Я нашел этот ответ here об изменении штриховых цветов на основе значения. Но это в формате json, и мне нужно использовать его формат виджета Yii. Я думал, что это легко сделать, но, похоже, это не работает. Что я делаю не так?

Я пытался поставить это:

'colorByPoint' => true, 

Над zones => штуки, то цвета меняются точками, но не по значению, как я хочу, чтобы они. Я также помещал его под массив series, но он тоже не работает.

Answer 1

Так что я пробовал много чего, чтобы заставить его работать. Но это, кажется, недостатки самого расширения.

Таким образом, я напрямую использую файлы highchart js на моем представлении. Это прекрасно работает. Любой человек сталкивается с той же проблемой, я рекомендую оставить расширение, если ему не хватает слишком много полезных функций.

Это необходимые JS файлы:

<script src="https://code.highcharts.com/highcharts.js"></script> 
<script src="https://code.highcharts.com/modules/data.js"></script> 
<script src="https://code.highcharts.com/modules/drilldown.js"></script> 

Используйте пример here.