【问题标题】:Chart.js legend position errorChart.js 图例位置错误
【发布时间】:2018-02-19 08:26:05
【问题描述】:

我尝试将饼图的图例(使用 Chart.js 2.0 创建)向左或向右移动,但总是出错。底部和顶部选项有效。

var myChart = new Chart(ctx, {
        type: 'pie',
        data: {
            labels: optionLabels,
            datasets: [{
                label: '# of Resources',
                data: optionData,
                backgroundColor: optionColor,
                borderColor: "white",
                borderWidth: 1,

            }]
        },
        options: {
            legend: {
                position: 'left'
            }
        }
    });

是否存在库错误或类似问题?

【问题讨论】:

  • 您确定错误是由于position: 'left' 而发生的吗?因为它看起来不像..
  • @ɢʀᴜɴᴛ 我怀疑它出现在位置:左和右也因为它没有出现在位置:'顶部'和位置:'底部'。最后两个按预期工作。
  • @ɢʀᴜɴᴛ 版本是 2.2.0,我更新到 2.7.0 并且可以使用,您可以提交您的答案。谢谢!

标签: javascript typescript charts chart.js chart.js2


【解决方案1】:

好像您使用的是旧版本的 ChartJS (可能有这个错误)

确保您使用最新版本的 ChartJS,即2.7.0 at-the-moment。

查看working example

【讨论】:

    猜你喜欢
    • 2018-08-31
    • 2017-01-25
    • 2016-02-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多