馅饼制作方法饼图的制作方法( 二 )_生活百科

pointColor: "rgba(173,173,173,1)",
pointStrokeColor: "#fff",
data: <28, 68, 40, 19, 96>
}>
};
var myLineChart = ctx1.Line(LineChart, options);
// 条形图
var BarChart = {
labels: <"Ruby", "jQuery", "Java", "ASP.Net", "PHP">,
datasets: <{
fillColor: "rgba(151,249,190,0.5)",
strokeColor: "rgba(255,255,255,1)",
data: <13, 20, 30, 40, 50>
}, {
fillColor: "rgba(252,147,65,0.5)",
strokeColor: "rgba(255,255,255,1)",
data: <28, 68, 40, 19, 96>
}>
};
var myBarChart = ctx2.Bar(BarChart, options);
// 饼状图
var pieChart = <
{value: 40, color: "#fcc79c", highlight: "#AD0A56", label: "SCI"},
{value: 30, color: "#beefd2", highlight: "#AD0A56", label: "SSCI"},
{value: 90, color: "#ffddfb", highlight: "#AD0A56", label: "Others"},
>;
var myPieChart = ctx3.Pie(pieChart);
// 环状图
var doughnutChart = <
{value: 60, color: "#fcc79e", highlight: "#AD0A56", label: "SCI"},
{value: 30, color: "#beefd2", highlight: "#AD0A56", label: "SSCI"},
{value: 50, color: "#ffddfb", highlight: "#AD0A56", label: "Others"},
{value: 120, color: "#cdecff", highlight: "#AD0A56", label: "TEST"},
{value: 90, color: "#fff5bc", highlight: "#AD0A56", label: "ADD"}
>;
var myRingChart = ctx4.Doughnut(doughnutChart);
</script>
</body>
</html>

馅饼制作方法 饼图的制作方法( 二 )

馅饼制作方法饼图的制作方法( 二 )