Chart.js - 图表本身所涵盖的图例位置 - 如何调整?

时间:2018-03-23 10:45:31

标签: javascript css chart.js

问题:图表图例覆盖图表的顶部。

我做了什么:我阅读了图表js的文档,但找不到一个属性来提升图表本身的图例。此外,更改图表(画布)的大小不起作用,因为它完全改变了整个事情。

半解决方案:我知道有一个选项可以将图例放在底部和左侧和右侧,但我希望将其保持在最顶层。

enter image description here 有什么想法可以改变吗?

var myChart = new Chart(ctx, {
  type: "line",
  data: chartData,
  options: {
    responsive: true,
    maintainAspectRatio: false,
    title: {
      display: true,
      text: "some data",
      fontColor: "#999",
      fontStyle: "300",
      fontSize: 12,
      fontFamily: '"Poppins", sans-serif'
    },
    legend: {
      padding: 20
    },
    tooltips: {
      mode: "index",
      intersect: true
    }
  }
});

编辑:这是2.7版本中出现的已知错误,直到2017年3月还没有解决方案。有一点可以帮助它在数据中不使用第10个增量。 (该错误与舍入有关)

0 个答案:

没有答案