chart.js - 饼图不显示所有数据

虚拟的

我想创建一个图表,以饼图的形式显示一些值。为此,我使用了 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 值吗?

达沃·米利纳里克

看起来您的 chart.js 版本有一些错误。尝试使用最新版本。jsfiddle上的示例chart.js 的当前版本是 2.5.0

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.bundle.min.js"></script

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章