2016-04-14 83 views
0

js爲我的應用程序中的劇情圖表,但它沒有使用正確的顏色,我在這裏粘貼一個jsfiddle以查看是否有人可以看到錯誤,(我的問題是兩節相同的顏色,甚至當我指定它不同,當我將鼠標懸停在部分「兩化」三還強調)Charts.js沒有使用正確的顏色

var c = document.getElementById('mcanvas'); 
 
var ctx = c.getContext("2d"); 
 
var data = [ 
 
{"value":1,"label":"One","color":"#6e2a89","highlight":"#f00"},{"value":1,"label":"Two","color":"#b26b65","highlight":"#f00"},{"value":3,"label":"Three","color":"#f42be","highlight":"#f00"},{"value":1,"label":"Four","color":"#57b893","highlight":"#f00"},{"value":7,"label":"Five","color":"#4b8752","highlight":"#f00"},{"value":0,"label":"Six","color":"#ff7e9","highlight":"#f00"}]; 
 
var ch = new Chart(ctx).Pie(data, {});
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js"></script> 
 
<canvas id="mcanvas"></canvas>

回答

2

您的三種顏色是5個位數。不確定這是爲什麼導致這種行爲。但修復將解決您的問題。

+0

是的是的,謝謝你是對的,事情是我產生隨機的顏色,當顏色是一位數字,我需要填補零,謝謝! – user3377450

相關問題