Javascript 如何在饼图中添加图例
我使用php codeigniter,并使用javascript创建饼图。并使用json编码传递数据库数据。我的问题是如何使用图例。用于饼图和标题 javascriptJavascript 如何在饼图中添加图例,javascript,php,codeigniter,chart.js,Javascript,Php,Codeigniter,Chart.js,我使用php codeigniter,并使用javascript创建饼图。并使用json编码传递数据库数据。我的问题是如何使用图例。用于饼图和标题 javascript var pieData = [ { value: sales_data[i].ans, color:"#FF0000" }, { value :
var pieData = [
{
value: sales_data[i].ans,
color:"#FF0000"
},
{
value : sales_data[i].noans,
color : "#006400"
},
{
value : sales_data[i].reans,
color : "#191970"
}
,
{
value : sales_data[i].noreans,
color : "#FFEA88"
}
];
// get pie chart canvas
var countries=document.getElementById("countries").getContext("2d");
// draw pie chart
new Chart(countries).Pie(pieData, pieOptions);
}
}
});
试一试-
legendTemplate : "<ul class=\"<%=name.toLowerCase()%>-legend\"><%
for (var i=0; i<segments.length; i++){%><li><span style=\"background-color:
<%=segments[i].fillColor%>\"></span><%if(segments[i].label){%>
<%=segments[i].label%><%}%></li><%}%></ul>"
legendTemplate:“
”
将此作为选项的一部分。有关如何使用chart.js的更多详细信息,请参阅chart.js的文档。对于图例,似乎有一种简单的方法,但您可以选择为图形图表中的每一段添加标签,作为图例
var myPieChart = new Chart(ctx[0]).Pie(data,options);
var data = [
{
value: 300,
color:"#F7464A",
highlight: "#FF5A5E",
label: "Red",
labelColor : 'white',
},
{
value: 50,
color: "#46BFBD",
highlight: "#5AD3D1",
label: "Green",
labelColor : 'white',
},
{
value: 100,
color: "#FDB45C",
highlight: "#FFC870",
label: "Yellow",
labelColor : 'white',
}
]
在这种情况下,标签就像你的地图图例,它看起来像示例fiddle@amaya如果你找到了合适的答案,请向上投票或接受答案,这样其他人也可以从你的问题中受益