小编tul*_*tto的帖子

如何对齐Chart.js 2中的图例项?

我只需要对齐图表图例,使它看起来不像默认显示那样杂乱,这里是我想要实现的一个例子:

Chart.js默认图例对齐 Chart.js Desire Legend Alignment

请提供一些代码建议:https://jsfiddle.net/holp/68wf75r8/

new Chart(document.getElementById("field-0"), {
  type: 'pie',
  data: {
    labels: ["Chat", "Prospeção", "Whatsapp", "Trial", "Site", "Telefone", "E-mail", "Evento"],
    datasets: [{
      data: [700, 400, 200, 150, 80, 50, 20, 10],
      borderWidth: 2,
      hoverBorderWidth: 10,
      backgroundColor: pieColors,
      hoverBackgroundColor: pieColors,
      hoverBorderColor: pieColors,
      borderColor: pieColors
    }]
  },
  options: {
    legend: {
      labels: {
        padding: 20
      }
    }
  }
});
Run Code Online (Sandbox Code Playgroud)

javascript charts

9
推荐指数
1
解决办法
1万
查看次数

标签 统计

charts ×1

javascript ×1