平移和缩放多轴图表

时间:2018-08-09 08:00:18

标签: javascript kendo-ui

我使用kendo UI和Pan and Zoom图表,当它的两个轴正常工作时,问题是图表为多轴时,当您开始滚动另一个轴时也开始移动,如何锁定它们?

 $("#chartProAvail").kendoChart({
    renderAs: "canvas",
    chartArea: {
        background: "#fcfcfc",
    },
    dataSource: data,
    series: [{
        axis: "l100km",
       // data: data,

        type: "column",
        // name: "DURATION",
        color: "#008080",
        field: "ProductionValue",
        categoryField: "TurbineName"
    },

    {

       // data: data,
        axis: "ava",
        type: "line",
        //name: "DURATION",
        color: "#0000FF",
        field: "WindSpeed",
        categoryField: "TurbineName",
        tooltip: {
            template: "Wind Speed:#= value #"
        }
    },
     {
        // data: data,
         axis: "pwq",
         type: "line",
         //name: "DURATION",
         color: "#ff9900",
         field: "PowerCurveQuality",
         categoryField: "TurbineName",
         tooltip: {


             template: "Power Curve Quality:#= value #"
         }
     }
    ],
    pannable:true,
    zoomable: true,

    valueAxes: [
                     {
                         name: "l100km",
                         title: { text: "Production (kWh)" },
                         color: "#008080",
                     },

        {
            name: "ava",
            title: { text: "Wind Speed (m/s)" },
            color: "#0000FF",
            min: 0,
            max: 30,
            majorUnit: 5,

        },
         {
             name: "pwq",
             title: { text: "Power Curve Quality (%)" },
             min: 0,
             max: 100,
             majorUnit: 10,
             color: "#ff9900",
         },
    ],
    pannable: {
        lock: "y",         
    },
    zoomable: {
        mousewheel: {
            lock: "y",
        },
        selection: {
            lock: "y",
        }
    },
    categoryAxis: {
       min:0,
       max: 20,
        axisCrossingValue: [0, 20, 20],
        majorGridLines: {
            visible: false
        },

    },

});

}

我的轴的名称是(“ ava”,“ l100km”,“ pwq”),这些在滚动过程中一直在移动,我应该以某种方式锁定axisCrossingValue,但是我不知道如何

0 个答案:

没有答案