Javascript 如何使用Plottable.js创建饼图

Javascript 如何使用Plottable.js创建饼图,javascript,charts,plottable,Javascript,Charts,Plottable,我尝试使用Plottable.js创建饼图。 有人知道怎么做吗?我对如何传递值和放入标签感到困惑 以下是我的示例数据: var store = [{ Name:"Item 1", Total:18 }, { Name:"Item 2", Total:7 }, { Name:"Item 3", Total:3}, { Name:"Item 4", Total:12}]; 再次感谢 您可以使用Pie.sectorValu

我尝试使用Plottable.js创建饼图。 有人知道怎么做吗?我对如何传递值和放入标签感到困惑

以下是我的示例数据:

var store = [{ Name:"Item 1", Total:18 },
             { Name:"Item 2", Total:7 },
             { Name:"Item 3", Total:3},
             { Name:"Item 4", Total:12}];

再次感谢

您可以使用
Pie.sectorValue
指定每个切片的值,并且可以使用
Pie.labelEnabled
打开标签,该标签显示每个扇区的相应值。 您还可以使用
Pie.labelFormatter

但是,我不认为有任何方法可以将扇区值以外的数据显示为标签,但根据需要,图例可能会起作用

下面是一个带有图例的饼图示例:

window.onload=function(){
var store=[{Name:“项目1”,总计:18},
{项目名称:“项目2”,总数:7},
{项目名称:“项目3”,总数:3},
{项目名称:“项目4”,总数:12}];
var colorScale=new Plottable.Scales.Color();
var图例=新的绘图表。组件。图例(彩色比例);
var pie=new Plottable.Plots.pie()
.attr(“fill”,函数(d){return d.Name;},colorScale)
.addDataset(新绘图表.Dataset(存储))
.sectorValue(函数(d){返回d.Total;})
.labelsEnabled(真)
.labelFormatter(函数(n){return“$”+n;});
新的Plottable.Components.Table([[pie,legend]]).renderTo(“图表”);
}


Zoe,顺便说一句,你是怎么知道派的?是否有关于Plottable.js的文档或示例?API()不是很有用,因为既没有解释也没有示例。。。我不知道为什么我错过了!我想,我直接进入了示例页面:(谢谢Zoe!