Javascript 如何使用Plottable.js创建饼图
我尝试使用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
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!