iPad上的曲線顏色是深灰色而不是紅色。如何解決這個問題？

我想在下面製作曲線，但它不起作用和Ipad。顏色顯示爲灰色。iPad上的曲線顏色是深灰色而不是紅色。如何解決這個問題？

這是ChartJS的缺陷還是我們可以做的事？

當類型的值是「行」時，我有此問題。

它適用於iPad，當類型的值是「酒吧」。

你有處理這個問題的方法嗎？

var ctx = document.getElementById("myChart"); 
 
var myChart = new Chart(ctx, { 
 
    type: 'line', 
 
    data: { 
 
     labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], 
 
     datasets: [{ 
 
      label: '# of Votes', 
 
      data: [12, 19, 3, 5, 2, 3], 
 
      backgroundColor: [ 
 
       'rgba(255, 99, 132, 0.2)', 
 
       'rgba(54, 162, 235, 0.2)', 
 
       'rgba(255, 206, 86, 0.2)', 
 
       'rgba(75, 192, 192, 0.2)', 
 
       'rgba(153, 102, 255, 0.2)', 
 
       'rgba(255, 159, 64, 0.2)' 
 
      ], 
 
      borderColor: [ 
 
       'rgba(255,99,132,1)', 
 
       'rgba(54, 162, 235, 1)', 
 
       'rgba(255, 206, 86, 1)', 
 
       'rgba(75, 192, 192, 1)', 
 
       'rgba(153, 102, 255, 1)', 
 
       'rgba(255, 159, 64, 1)' 
 
      ], 
 
      borderWidth: 1 
 
     }] 
 
    }, 
 
    options: { 
 
     scales: { 
 
      yAxes: [{ 
 
       ticks: { 
 
        beginAtZero:true 
 
       } 
 
      }] 
 
     } 
 
    } 
 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0/Chart.bundle.min.js"></script> 
 
<div class="chart-container" style="position: relative; margin-top:30px; height:60vh; width:90vh"> 
 
<canvas id="myChart"></canvas>

來源

2017-09-05 DavidK

的問題來自於的backgroundColor和邊框顏色列表。

datasets: [{ 
      label: '# of Votes', 
      data: [12, 19, 3, 5, 2, 3], 
      backgroundColor: 'rgba(255, 159, 64, 0.2)', 
      borderColor: 'rgba(255,99,132,1)', 
      borderWidth: 1 
     }

事實上，對於那種等於酒吧，我們可以爲每個標籤有一種顏色。

對於那種「行」，似乎我們不能只有一個值的列表。

我們只能在曲線下有一種顏色，在邊框上只能有一種顏色。

來源

2017-09-05 10:00:53 DavidK

iPad上的曲線顏色是深灰色而不是紅色。如何解決這個問題？

回答

相關問題