CanvasJS .render()函数跳转到屏幕顶部

时间:2018-08-28 17:25:15

标签: javascript canvasjs

首先: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

1 个答案:

答案 0 :(得分:1)

最后知道了。我忘了在图表上设置高度。这对我有用:

#hashrate-chart {
    height: 400px;
}