ChartJS:如何增加图表和标签的空间?

3lxsmp7m  于 2023-06-22  发布在  Chart.js
关注(0)|答案(1)|浏览(146)

我想用从ChartJs得到的图表代码来增加图表本身和它上面的标签之间的空间。图表是一个上面有标签的极坐标图。
我在某个地方读到这不管用。是真的吗?或者有人能帮我吗?我是JavaScript新手,只知道基本的:(
我也已经看了一下ChartJS的YouTube频道,但找不到任何关于它的东西。
Fiddle的更新版本:https://jsfiddle.net/63c5mf1t/1/
已经试过了:

const options = {
    layout: {
      padding: {
        top: 30, // Hier kannst du den gewünschten Abstand einstellen
      },
    },
const options = {
    plugins: {
      tooltip: {    // Pop-Up Einstellungen
        backgroundColor: '#78a2d3' // Hintergrund
      },
      legend: {
        position: 'top',
        labels: {
          color: '#ffffff', // Labels über dem Chart, Schriftfarbe weiß
          padding: 20, // Abstand zwischen den Labels selbst
        },
      },
    },
5t7ly7z5

5t7ly7z51#

据我所知你不能做这个*开箱即用。图例插件上的official documentation在所有属性的结尾处声明:

  • ...如果您需要更多视觉自定义,请使用HTML legend *

有了这个,你就可以做所有你需要的格式转换(用html,js和css)。

相关问题