如何更改 highcharts 最小和最大选择行为?
How to change highcahrts min and max selection behavior?
我有关于 highstock 的图表,scatter
类型。我 select 时间范围,然后 y 轴刻度发生变化,但最小值和最大值 select 由 previous 可见点编辑,而不仅仅是当前可见点。
如何改变这种行为?
例如,
series : [{
id: 'id',
data : [100,101,102,0,103,104,105],
type: "scatter",
marker : {
enabled : true,
radius : 20
}
}]
如果我看 103,104,105
点,y 轴上有 0,如果 104,105
,则没有。
在demo中,如果select预置1,水平轴和底点之间有填充,当左点隐藏时,允许改变比例(预置2)。
这是正常的 Highcharts 功能,用于从可见范围外的第一个点计算 dataMin 和 dataMax。您可以通过更改 getExtremes 方法来更改此行为:
Highcharts.Series.prototype.getExtremes = function(yData) {
var xAxis = this.xAxis,
yAxis = this.yAxis,
xData = this.processedXData,
UNDEFINED = undefined,
yDataLength,
activeYData = [],
activeCounter = 0,
xExtremes = xAxis.getExtremes(), // #2117, need to compensate for log X axis
xMin = xExtremes.min,
xMax = xExtremes.max,
validValue,
withinRange,
x,
y,
i,
j;
yData = yData || this.stackedYData || this.processedYData || [];
yDataLength = yData.length;
for (i = 0; i < yDataLength; i++) {
x = xData[i];
y = yData[i];
// For points within the visible range, not including the first point outside the
// visible range, consider y extremes
validValue = y !== null && y !== UNDEFINED && (!yAxis.isLog || (y.length || y > 0));
withinRange = this.getExtremesFromAll || this.options.getExtremesFromAll || this.cropped ||
((xData[i] || x) >= xMin && (xData[i] || x) <= xMax);
if (validValue && withinRange) {
j = y.length;
if (j) { // array, like ohlc or range data
while (j--) {
if (y[j] !== null) {
activeYData[activeCounter++] = y[j];
}
}
} else {
activeYData[activeCounter++] = y;
}
}
}
this.dataMin = arrayMin(activeYData);
this.dataMax = arrayMax(activeYData);
};
在这里您可以看到它如何工作的示例:http://jsfiddle.net/85t2yjyz/6/
此致。
我有关于 highstock 的图表,scatter
类型。我 select 时间范围,然后 y 轴刻度发生变化,但最小值和最大值 select 由 previous 可见点编辑,而不仅仅是当前可见点。
如何改变这种行为?
例如,
series : [{
id: 'id',
data : [100,101,102,0,103,104,105],
type: "scatter",
marker : {
enabled : true,
radius : 20
}
}]
如果我看 103,104,105
点,y 轴上有 0,如果 104,105
,则没有。
在demo中,如果select预置1,水平轴和底点之间有填充,当左点隐藏时,允许改变比例(预置2)。
这是正常的 Highcharts 功能,用于从可见范围外的第一个点计算 dataMin 和 dataMax。您可以通过更改 getExtremes 方法来更改此行为:
Highcharts.Series.prototype.getExtremes = function(yData) {
var xAxis = this.xAxis,
yAxis = this.yAxis,
xData = this.processedXData,
UNDEFINED = undefined,
yDataLength,
activeYData = [],
activeCounter = 0,
xExtremes = xAxis.getExtremes(), // #2117, need to compensate for log X axis
xMin = xExtremes.min,
xMax = xExtremes.max,
validValue,
withinRange,
x,
y,
i,
j;
yData = yData || this.stackedYData || this.processedYData || [];
yDataLength = yData.length;
for (i = 0; i < yDataLength; i++) {
x = xData[i];
y = yData[i];
// For points within the visible range, not including the first point outside the
// visible range, consider y extremes
validValue = y !== null && y !== UNDEFINED && (!yAxis.isLog || (y.length || y > 0));
withinRange = this.getExtremesFromAll || this.options.getExtremesFromAll || this.cropped ||
((xData[i] || x) >= xMin && (xData[i] || x) <= xMax);
if (validValue && withinRange) {
j = y.length;
if (j) { // array, like ohlc or range data
while (j--) {
if (y[j] !== null) {
activeYData[activeCounter++] = y[j];
}
}
} else {
activeYData[activeCounter++] = y;
}
}
}
this.dataMin = arrayMin(activeYData);
this.dataMax = arrayMax(activeYData);
};
在这里您可以看到它如何工作的示例:http://jsfiddle.net/85t2yjyz/6/
此致。