2017-10-16 14 views
-3

スクリーンショットごとにchart.js円グラフの1つのセクションで2つのトーンエフェクトを経験したことがありますか?chart.js円グラフの2つの音色

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

コードを入れて、16進数の色をjavascriptで検索してみてください。 –

答えて

0

私はちょうどJSフィドルを見て、JSスクリプトリンクは私のために働いたチャートを交換します。私はCDNJSから2.4.0の代わりに2.7.0を使用しました。

どちらのライブラリも必要ないかどうかわかりません。ちょうどhttps://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.0/Chart.bundle.min.jsを使って十分であるはずです。

これが役に立ちます。

+0

ありがとうございます。 2.7.0に変更すると、2つのトーンの問題を解決するのに役立ちます。しかし、それは別の問題を引き起こします。これは円グラフの周りの白い辺です。 – user3135515

+0

何が原因か分かりません。私はもう一度それを見て、新しいフィドルを作成しました:https://jsfiddle.net/q5wc9wmb/ –

関連する問題