首先:here是我的页面
我目前正在开发一个带有CanvasJS的图表的网页,并且我遇到了.render()函数的问题。我有几个按钮,如果单击其中的一些按钮,网页将跳到顶部。这是我的代码:
document.getElementById('time-all-time').addEventListener('click', function() {
chart(-1);
});
图表功能仅包含有关画布的一些说明:
var chart = new CanvasJS.Chart('hashrate-chart', {
animationEnabled: true,
title:{
},
axisX: {
valueFormatString: 'HH:mm:ss - DD. MM'
},
axisY: {
title: 'Hashrate (H/s)',
includeZero: false,
suffix: ' H/s'
},
legend:{
cursor: 'pointer',
fontSize: 16,
itemclick: toggleDataSeries
},
toolTip:{
shared: true
},
data: [
{
name: '$workr',
type: 'spline',
yValueFormatString: '#0.## H/s',
showInLegend: true,
dataPoints: [
{ x: 'test', y: 123 }
]
}
]
});
chart.render();
谢谢!
编辑/解决方案: 我忘记设置最小高度/高度,这对我来说是成功的:https://stackoverflow.com/a/52078559/9360322
答案 0 :(得分:1)
最后知道了。我忘了在图表上设置高度。这对我有用:
#hashrate-chart {
height: 400px;
}