【问题标题】:Rotate left legend chartjs向左旋转图例chartjs
【发布时间】:2021-08-06 19:14:23
【问题描述】:

他们是否可以垂直旋转条形图左侧的图例(在 chartjs 中)?我似乎在文档中找不到它。

当前:

通缉:

代码:

chartData 是一个包含 char 数据的数组,其中 chartData["yas"] 等于 "Samples" 图例标题

let myChart = new Chart(chart, {
    type: 'bar',
    data: {
        labels: chartData['labels'],
        datasets: [{
            label: chartData["yas"],
            data: chartData['values'],
            backgroundColor: '#6FB98F'
        }]
    },
    options: {
        responsive: true,
        plugins: {
            legend: {
                position: 'left'
            }
        },
        scales: {
            y: {
                ticks: {
                    beginAtZero:true,
                    minRotation : 0
                }
            }
        }
    }
});

【问题讨论】:

    标签: chart.js


    【解决方案1】:

    这对于 chart.js 中图例的当前实现是不可能的。您有 2 个选项,您可以使用 html legend 并使用 css 旋转 90 度。或者您可以以legend plugin 为基础,自己编写功能来旋转它,然后使用它或制作一个 pr 并将其放入主库。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2013-04-14
      • 2018-01-01
      • 1970-01-01
      • 2017-03-05
      • 1970-01-01
      • 2014-10-17
      • 1970-01-01
      相关资源
      最近更新 更多