Ярлыки категорий на диаграмме UI кендо UI

Я пытаюсь отображать метки категорий на оси х на гистограмме, но не могу решить, как это сделать. Вот HTML и JS:Ярлыки категорий на диаграмме UI кендо UI

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 
</head> 
<body> 
    <div id="chart"></div> 
    <script src="js/thirdParty/jquery.js"></script> 
    <script src="js/thirdParty/kendo.all.min.js"></script> 
    <script> 
     $(function() { 
      $("#chart").kendoChart({ 
       legend: { 
        visible: false 
       }, 
       seriesDefaults: { 
        type: "column" 
       }, 
       series: [{ 
        name: "Category A", 
        data: [5] 
       }, { 
        name: "Category B", 
        data: [20] 
       }, { 
        name: "Category C", 
        data: [10] 
       }], 
      }) 
     }); 
    </script> 
</body> 
</html>

Следующий снимок экрана основные моменты в красном поле, где я пытаюсь поставить метки:

enter image description here

Любая помощь будет оценена.

источник

2013-08-17 Carl Rippon

В вашем случае, вы предоставили 3 серии. если вы намеревались создать единую серию с тремя различными точками X сюжета, то правильный способ сделать это, как показано ниже:

$("#chart2").kendoChart({ 
       legend: { 
        visible: true 
       }, 
       seriesDefaults: { 
        type: "column" 
       }, 
       series: [{ 
        data: [5,10,20] 
       }], 
       categoryAxis: [{ 
     categories: ["Category A", "Category B","Category C"] 
     }] 

      });

То, что я сделал - я бы сказал, что Xaxis будет иметь 3 сюжетные точки и серия содержит данные одного массива с 3-х пунктами графика.

вот JSBin - http://jsbin.com/aroquki/1/edit

Надеется, что это помогает.

источник

2013-08-17 19:16:39 kashyapa