我使用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,但是我不知道如何