【问题标题】:How to add border in chartjs?如何在chartjs中添加边框?
【发布时间】:2021-01-12 06:04:28
【问题描述】:

我正在尝试找出如何在图表区域中添加边框,但似乎我发现的所有内容仅适用于数据集和整个图表。下面的代码不起作用。

这是我的代码:

var myChart = new Chart(ctx, {
    type: 'bar',
    gridLines: {
        borderWidth: {
            top: 1,
            right: 0,
            bottom: 0,
            left: 1
        },
        borderColor: '#6B7280',
    },
}

(需要输出)在图表区域周围添加 5px 绿色边框,标签除外

【问题讨论】:

    标签: javascript chart.js chartjs-2.6.0


    【解决方案1】:

    没有默认的构建方式来实现这一点,如果你想要这个,你必须为它编写一个自定义插件:https://www.chartjs.org/docs/latest/developers/plugins.html

    【讨论】:

      【解决方案2】:

      你可以用 div 标签包裹你的画布并为其设置边框, 如果标签不在,你可以设置 padding-bottom & left 来包含它

      【讨论】:

      • 这就是我在问题中所描述的,只有在数据集中我们才能设置边界。我的问题是如何在图表区域周围设置边框不包括标签?请仔细阅读问题:)
      • 对不起,我改了答案
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-10-16
      • 2017-11-20
      • 1970-01-01
      相关资源
      最近更新 更多