我想创建一个图表,以饼图的形式显示一些值。为此,我使用了 Library chart.js。但有一点不对
我正在关注 JS 代码:
$(function(){
var ie = 12,
firefox = 7,
chrome = 15,
safari = 13,
opera = 4,
chart = $('#chart')[0];
var charObj = new Chart(chart, {
data: {
datasets: [{
data: [
firefox,
safari,
ie,
opera,
chrome
],
backgroundColor: [
"#FF6384",
"#4BC0C0",
"#FFCE56",
"#000",
"#36A2EB"
],
label: 'Browser' // for legend
}],
labels: [
"Firefox",
"Safari",
"Internet Explorer",
"Opera",
"Chrome"
]
},
type: 'polarArea'
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.4/Chart.bundle.min.js"></script>
<canvas id="chart" width="700px" height="700px"></canvas>
为什么我的 Opera Value 没有显示?当单击 Opera(在图例中)时,它会在图表中隐藏我的 Firefox 值吗?
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句