chart.js - 如何在 chart.js 中获取实际的图表宽度和高度

标签 chart.js chart.js2

我在 Canvas 上有折线图,想知道图表的确切宽度和高度(不是 Canvas 宽度和高度)。 请帮忙。

最佳答案

chartArea 属性包含一个显示由 x 轴和 y 轴界定的区域的对象:

let myChart = new Chart(ctx, {
  ...
});

console.log(myChart.chartArea);

结果:

{
  bottom: 500,
  left: 30,
  right: 1000,
  top: 30
}

关于chart.js - 如何在 chart.js 中获取实际的图表宽度和高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52511283/

相关文章:

jquery - 图表 js : How to change value for Y Axis?

chart.js2 - 如何在Chart.js折线图上自定义y轴标签?

javascript - 如何转换变化的数据以在 chart.js 中可视化

javascript - 将 Chart.js 中的两个数据集连接成一行

javascript - 来自 chart.js 的垂直对齐条形图不起作用

javascript - Chart.js - 水平移动/交错标签(对于 x 轴)而不是旋转

javascript - Chart.js 的水平线插件出现意外的标识符错误

javascript - 如何在 Chart.js v2.0 中的标签上添加 OnClick 事件?

javascript - Chart.js 2 - 如何将数据集值垂直插入条形图中?

javascript - AngularJS 图表未正确更新数据