Question

在chartjs中，我们可以为条形图编写例如

options: {
 tooltips: {
  mode: 'label'
 }
}

这将显示您悬停在的数据组中的所有数据（基于x轴）。如何在不使用多字符串的情况下实现饼图？

Answer 1

使用以下饼图：

var data = {
labels: [
    "Red",
    "Blue",
    "Yellow"
]}

Answer 2

 var data = [{
     value: 300,
     color: "#F7464A",
     highlight: "#FF5A5E",
     label: "Red"
 }, {
     value: 50,
     color: "#46BFBD",
     highlight: "#5AD3D1",
     label: "Green"
 }, {
     value: 100,
     color: "#FDB45C",
     highlight: "#FFC870",
     label: "Yellow"
 }];

此处标签充当工具提示

详情文章：Chartjs Pie Chart Article

演示链接：Chartjs Pie Chart Demo

Chartjs饼图工具提示模式标签

2 个答案: