我有一个带有两个y轴的higchart。两者都是首先的线图,一切正常。但是,当我将其更改为一个y轴项目的列图时,图形以不同的方式绘制。似乎缺少一些要点。我有一个按钮可以在"列"one_answers"线"图表之间切换。单击按钮后,它显示了不同类型的图形,即使两者都相同。这是我的JavaScript,
$.getJSON('https://api.myjson.com/bins/whjvj', function (dataSeries2) {
$.getJSON('https://api.myjson.com/bins/dfoin', function (dataSeries1) {
$('#container').highcharts('StockChart', {
yAxis: [{
height: 250,
gridLineWidth: 1,
title: {
text: 'series 1',
style: {
color: '#3eca4f',
},
},
},
{
title: {
text: 'series 2',
style: {
color: '#888f94',
},
},
top: 300,
height: 100,
offset: 0,
},
],
series: [{
name: 'Series 1',
yAxis: 0,
type: 'line',
data: dataSeries1,
},
{
data: dataSeries2,
name: 'Series',
type: chartTypeRenew,
yAxis: 1,
},
],
});
});
});
这是相同的小提琴
任何人都可以帮我解决这个问题吗?预先感谢。
该问题是由dataGrouping
引起的。默认情况下,approximation
对于column
('sum'(和line
('平均值'(是不同的。您可以禁用dataGrouping
或设置相同的approximation
。
plotOptions: {
series: {
dataGrouping: {
approximation: 'average'
}
}
},
实时演示: https://jsfiddle.net/blacklabel/vy9e580s/
API参考: https://api.highcharts.com/highstock/series.column.datagrouping.approximation
文档: https://www.highcharts.com/docs/advanced-chart-features/data-grouping
更改系列类型时数据分组也会发生变化,因此点的近似值不同。如果将数据分组强制为"周",它将看起来更相似(尽管在其他某些时间间隔中可能很奇怪(。
将其添加到每个系列中以强制"周"数据分组(JSFIDDLE(:
dataGrouping: {
units: [[
'week',
[1]]
]
}
或查看文档以获取更多详细信息。