
chart.js类库可以帮助快速生成各种动态图形, 使用简单易用,以下代码可以生成相关饼图:
![]()
var pieData = [
{
value: 300,
color:"#F7464A",
highlight: "#FF5A5E",
label: "Red"
},
{
value: 50,
color: "#46BFBD",
highlight: "#5AD3D1",
label: "Green"
},
{
value: 100,
color: "#FDB45C",
highlight: "#FFC870",
label: "Yellow"
},
{
value: 40,
color: "#949FB1",
highlight: "#A8B3C5",
label: "Grey"
},
{
value: 120,
color: "#4D5360",
highlight: "#616774",
label: "Dark Grey"
}
]; window.Onload= function(){
var ctx = document.getElementById("chart-area").getContext("2d");
window.myPie = new Chart(ctx).Pie(pieData);
};
在线代码调试运行地址: http://dwz.cn/chartjs
扫扫二维码,手机上查看效果:
1 |
2 tao1991123 Jul 21, 2015 话说百度的 echarts项目更好用 |
3 iyaozhen Jul 21, 2015 前排安利 echarts |
4 lincanbin Jul 21, 2015 百度的Echarts非常好用,前几天才用过,特别爽 http://www.94cb.com/statistics |
5 mengzhuo Jul 21, 2015 都没听说过d3js? |
6 SilentDepth Aug 2, 2015 强迫症表示浅灰色角探出去的那个尖儿让人担忧…… |