如何在angular-chart.js v1.0.0中为每个条形图设置不同的颜色



我如何在angular-chart.js v1.0.0和偏离路线的ChartJS v2.1.6 中做到这一点

如何在angular-chat.js中为每个条形图设置不同的颜色?

  • 每个条形图使用一个数据集
  • 将数据集的所有数据设置为0,但要显示的数据除外
  • 每个数据集的自定义颜色
  • BorderWidth=0以隐藏empy数据,stacked=true在X轴上
  • 自定义工具提示回调以隐藏空数据集

examplehttps://jsfiddle.net/3qas1ar8/3/

 public barChartColors: Array<any> = [
{
  **backgroundColor: ["#36a2eb", "rgba(47, 132, 71, 0.8)", "rgba(30, 50, 71, 0.8)", "green", "blue", "purple", "orange"
  ],**
  borderColor: 'rgba(105,159,177,1)',
  pointBackgroundColor: 'rgba(105,159,177,1)',
  pointBorderColor: '#fafafa',
  pointHoverBackgroundColor: '#fafafa',
  pointHoverBorderColor: 'rgba(105,159,177)'
},

];

这将为条形图中的每个条形图提供不同的颜色。

最新更新