2013-08-17 4 views
2

막대 그래프의 x 축에 범주 레이블을 표시하려고하지만이를 수행하는 방법을 알아낼 수 없습니다. 다음은 HTML이고 JS : 어떤 도움을 주시면 감사하겠습니다검도 UI 막대 차트의 범주 레이블

enter image description here

:

<!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> 

다음 화면은 내가 레이블을 넣어하려고 빨간색 상자 하이라이트 촬영.

답변

4

JSbin Code

, 당신은 3 시리즈를 제공하고 있습니다. 당신이 있다면 의도는 다음 세 가지 다른 X 플롯 포인트, 그렇게 할 수있는 올바른 방법으로 하나의 시리즈를 만드는 것이었다 다음과 같습니다 :

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

      }); 

내가 무슨 짓을하는 것은 - 나는 X- 축 3 ​​플롯 점을 것이라고 말했다 이 시리즈에는 3 개의 y 플롯 포인트가있는 단일 배열 데이터가 들어 있습니다. 여기

는 JSBin입니다 -이 도움이 http://jsbin.com/aroquki/1/edit

희망.

관련 문제