X轴重新启动 - KendoUI

时间:2015-04-16 21:37:19

标签: javascript kendo-ui

使用下面的示例,x轴系列不是从相同的x值开始。 x轴将在中途重新开始。

function createChart() {
   $("#chart").kendoChart({
   title: {
      text: "Path"
    },
   categoryAxis: {                            
      labels: {                                
          step: 10,
          format: "####"
       },
   },
   valueAxis: {
      reverse: true,
   },
   series: [{
         type: "line",
         field: "y",
         categoryField: "x",
         name: "Path1",
         style: "smooth",
         data: stats,
         markers: {
           visible: false
          }
        }, {
        type: "line",
        field: "y",
        categoryField: "x",
        name: "Path2",
        style: "smooth",
        data: stats2,
        markers: {
        visible: false
         }
    }],
  });
}

enter image description here

http://jsfiddle.net/1sgt4810/30/

1 个答案:

答案 0 :(得分:0)

以下是解决方案:

我应该根据以下示例使用line而不是使用scatterLine类型http://docs.telerik.com/kendo-ui/dataviz/chart/overview#multiple-xy-axes

seriesDefaults: { 
        type: "scatterLine"
},

http://jsfiddle.net/3yhbyy2g/1/