2017-10-16 212 views
-3

有任何人都經歷兩種色調效果chart.js之餅圖的一個部分,按照截圖?雙色顏色

two tone effect

不知道如何解決這個問題呢?它並不總是出現。這是一個簡單的餅圖來顯示性別的百分比。

對不起,我忘了,包括代碼。

JSFIDDLE LINK

var xitems = ['male','female']; 
    var yitems = [478,522]; 
    new Chart(document.getElementById("chartcanvas"), { 
        type: 'pie', 
        data: { 
         labels: xitems, 
         datasets: [ 
         { 
          data: yitems, 
          backgroundColor: ["#8DB6CD","#FFB6C1","#DC143C","#800080","#0000FF","#00C5CD","#00EE00","#FFFF00","#FFD700","#FFA500","#8B5A00","#FF4500","#FA8072","#FF3E96", 
          "#BA55D3","#191970","#00FF7F","#B7B7B7","#000000","#006400","#ADFF2F","#EEEE00","#3D59AB","#AB82FF","#CDB5CD","#FF69B4", 
          "#FF0000"], 
          fill: false 
         } 
         ] 
        }, 
        options: { 
         tooltips: { 
          enabled: false, 
         }, 
         showPercentage: true, //Enables percentages on the pie 
        } 
       }); 
+0

請把你的代碼,並嘗試以十六進制顏色搜索在javascript ... –

回答

0

我只是看着JS小提琴和更換圖表JS腳本的鏈接爲我工作。我使用的版本2.7.0,而不是2.4.0從CDNJS

我不知道你需要這兩個庫,無論是。只需使用https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.0/Chart.bundle.min.js就足夠了。

希望這會有所幫助。

+0

謝謝。改爲2.7.0確實有助於解決雙音問題。但它會導致另一個問題,這是餅圖周圍的白色邊緣。 – user3135515

+0

不知道是什麼原因造成的。我剛剛重新審視它,創造了一個新的小提琴:https://jsfiddle.net/q5wc9wmb/ – 2017-10-16 08:49:52