javascript - X轴重新启动 - KendoUI

Question

使用下面的示例，x 轴系列并非从相同的 x 值开始。 x 轴将在中途从 0 重新开始。

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
         }
    }],
  });
}

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

Answer 1

解决方案如下:

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

seriesDefaults: { 
        type: "scatterLine"
},

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