Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs angular-chart.js,如何更改颜色标签_Angularjs_Chart.js - Fatal编程技术网

Angularjs angular-chart.js,如何更改颜色标签

Angularjs angular-chart.js,如何更改颜色标签,angularjs,chart.js,Angularjs,Chart.js,我正在尝试更改angular-chart.js中轴标签的颜色。 我读了API,我试着设置聊天颜色,对于酒吧来说没问题,但是对于x或y标签我找不到,它总是灰色的。。。谢谢你的帮助 <canvas id="bar" class="chart chart-bar" chart-data="main.commissionData" chart-labels="main.commissionLabels" chart-series="main.commissionSeries" chart-

我正在尝试更改angular-chart.js中轴标签的颜色。 我读了API,我试着设置聊天颜色,对于酒吧来说没问题,但是对于x或y标签我找不到,它总是灰色的。。。谢谢你的帮助

<canvas id="bar" class="chart chart-bar" chart-data="main.commissionData"     chart-labels="main.commissionLabels" chart-series="main.commissionSeries" chart-colours="[{fillColor:'rgba(169, 99, 246, 0.8)'},{fillColor:'rgba(179, 173, 57, 1)'}]">
</canvas>

尝试将此添加到控制器:

var data = [
    {
        color: "rgb(134, 202,54)",
        highlight: "rgb(100,100,100)"
    },
 ]

您可以使用
图表选项更改轴和标题颜色

HTML代码

//Added chart-options property for x,y axis color
<canvas id="line" class="chart chart-bar" chart-options = "mychart.options" chart-data="mychart.data" chart-labels="mychart.labels" chart-colors="mychart.colours"></canvas>
 var json = {
        "series": ["SeriesA"],
        "data": [["90", "99", "80", "91", "76"]],
        "labels": ["01", "02", "03", "04", "05"],
        "colours": [{ // default
            backgroundColor: "#F8D3E0",
            pointBackgroundColor: "#F8D3E0",
            pointHoverBackgroundColor: "#F8D3E0",
            borderColor: "#F8D3E0",
            pointBorderColor: '#F8D3E0',
            pointHoverBorderColor: "#F8D3E0"
        }],
        "options":{
            legend: {
                labels: {
                     fontColor: '#F8D3E0'
                    }
                 },
           title: {
               display: true,
               fontColor: '#F8D3E0', // can Add title color also
               text: 'Custom Chart Title'
           }     ,
           scales: {
               yAxes: [{
                   ticks: {
                       beginAtZero:true,
                       fontColor: '#F8D3E0' // y-Axes color you want to add
                   },
               }],
             xAxes: [{
                   ticks: {
                       fontColor: '#F8D3E0'// y-Axes color you want to add
                   },
               }]
           } 
        }
      };
  $scope.mychart= json;

希望这会有所帮助……

它不起作用,但我认为这是不可能的,我发现: