2016-02-15 2 views
1

Я хочу отобразить точку данных, такую ​​как 0-10,11-20 ... на xAxis. Пожалуйста, проверьте следующий пример. Поэтому, пожалуйста, предложить мне какие-либо свойства или ссылку на это hichartкак отображать данные-точки, такие как 0-10,10-20..etc на xAxis в hichart

Тип диаграммы: Chart Колонка

Инструмент: Hichart

enter image description here

+0

Я палочка для отображения серии в динамическом, например, начиная с точкой 0 затруднительными, но последней точкой не fix..it зависит от максимального значения, которое у меня есть ... например ........... 0-10,11-20,21-30,31-40, .......... 111-220 – Nirali

ответ

0

Одним из вариантов является включение метки категорий в серии данных. Например ...

$(function() { 
 
    $('#container').highcharts({ 
 
     chart: { 
 
      type: 'column' 
 
     }, 
 
     xAxis: { 
 
      type: 'category' 
 
     }, 
 
     series: [{ 
 
      data: [{ 
 
       name: '0-10', 
 
       y: 5, 
 
      }, { 
 
       name: '11-20', 
 
       y: 6, 
 
      }, { 
 
       name: '21-30', 
 
       y: 2, 
 
      }, { 
 
       name: '31-40', 
 
       y: 3 
 
      }], 
 
     }] 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="http://code.highcharts.com/highcharts.js"></script> 
 

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

+0

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

+0

Вам необходимо обработать свои данные, чтобы определить, какие корзины вы хотите, исходя из любых критериев, которые вы определяете. Если вы задаете вопрос о том, как обрабатывать данные для определения корзины, вам нужно показать нам, что вы делаете, и спросить что-то более конкретное. – jlbriggs