我正在使用https://www.npmjs.com/package/highcharts-angular在 Angular 中生成 highcharts。
当我设置 xAxis 最小值、最大值和缩放时，这些点消失了。当我没有设置最小值，最大值时，这些点在缩放时不会消失。
这是我的 highcharts 图表选项。
this._chartOptions= {
title: { text: "highcharts" },
plotOptions: {
series: {
states: {
hover: {
enabled: false // hover
},
},
gapSize: 2,
}
},
series:[
{
data: [x,y],
name: "name",
allowPointSelect: false,
step: false
} ...
],
rangeSelector: {
enabled: true,
inputEnabled: true,
buttons: [
{
type: 'hour',
count: 24,
text: '1d',
dataGrouping: {
forced: true,
units: [['hour', [1]]]
}
},
{
type: 'day',
count: 7,
text: '1w',
dataGrouping: {
forced: true,
units: [['day', [1]]]
}
},
{
type: 'week',
count: 4,
text: '1m',
dataGrouping: {
forced: true,
units: [['week', [1]]]
}
},
{
type: 'month',
count: 3,
text: '1y',
dataGrouping: {
forced: true,
units: [['month', [1]]]
}
},
{
type: 'all',
text: 'All',
}
]
},
xAxis: {
min: new Date(this._fromDate + timezoneOffset) ,
max: new Date(this._toDate + timezoneOffset),
type: 'datetime',
},
chart: {
zoomType: 'x',
}
},
},
function (chart) {
// apply the date pickers
setTimeout(function () {
$('input.highcharts-range-selector', $('#' + chart.options.chart.renderTo)).datepicker()
}, 0)
};
break;
}
这是highcharts的快照
