Формат X-оси в Kendo-UI

Я начал работу с Telerik Kendo. Я поместил некоторые данные для отображения. Однако ось X читается в текущем формате. Как я могу отформатировать его?Формат X-оси в Kendo-UI

<base href="http://demos.telerik.com/kendo-ui/line-charts/date-axis"> 
<script src="http://cdn.kendostatic.com/2015.1.408/js/jquery.min.js"></script> 
<script src="http://cdn.kendostatic.com/2015.1.408/js/kendo.all.min.js"></script> 
    <body> 
      <div id="example"> 
       <div class="demo-section k-content"> 
        <div id="chart"></div> 
       </div> 
        </div> 
       </div> 
       <script> 
        var stats = [ 
         { x: 0, y: 0 }, 
         { x: -3.88770423666098, y: 945.987507963258 }, 
         { x: -4.24922990437403, y: 985.985280150689 }, 
         { x: -2.91182688405784, y: 1080.9534171457 }, 
         { x: 1.90405053850085, y: 1175.79962223412 }, 
         { x: 7.80045299498725, y: 1270.59074063256 }, 

        ]; 

        function createChart() { 
         $("#chart").kendoChart({ 
          title: { 
           text: "Units sold" 
          }, 
          dataSource: { 
           data: stats 
          }, 
          series: [{ 
           type: "line", 
           field: "x", 
           categoryField: "y" 
          }], 

         }); 
        } 

        $(document).ready(createChart); 
        $("#example").bind("kendo:skinChange", createChart); 
       </script> 
      </div> 
    </body>

Вот jsfiddle: http://jsfiddle.net/nDS3S/23/

источник

2015-04-09 casillas

Вы можете использовать область диаграммы и формат этикетки в соответствии с вашими потребностями:

function createChart() { 
       $("#chart").kendoChart({ 
        title: { 
         text: "Units sold" 
        }, 
        dataSource: { 
         data: stats 
        },       
        categoryAxis: {        
         labels: {         
          step: 10, 
          format: "n2" 
         }, 
        }, 
        series: [{ 
         type: "area", 
         line: { 
          style: "smooth" 
         }, 
         field: "x", 
         categoryField: "y" 
        }], 
       }); 
}

я установил тип к area, тип линии до smooth и labels to skip 10 positions, а также для отображения two decimal digits.

Я обновил свой Fiddle

Спасибо.

источник

2015-04-09 22:07:24 netrevisanto

Большое спасибо @netrevisanto. – casillas

Добро пожаловать. – netrevisanto

Любая идея следующего вопроса: http://stackoverflow.com/questions/30144782/tooltip-with-multiple-parameters-in-kendo-ui – casillas

Формат X-оси в Kendo-UI

ответ

Смежные вопросы