当前位置: 首页 > 面试题库 >

如何更改Angular-Chart.js的颜色

纪勇军
2023-03-14
问题内容

我使用Angular-Chart.js(AngularJS
Chart.js版本)创建条形图。图表使用颜色以外的选项。

即使我在文档中进行了设置,它们仍保持灰色。

<div class="graph-display" ng-controller="chartController">
    <canvas class="chart chart-bar"
    data="bilans.data"
    labels="bilans.labels"
    series="bilans.series"
    options="{
        scaleShowHorizontalLines: true,
        scaleShowVerticalLines: false,
        tooltipTemplate: '<%= value %> $',
        responsive: true
    }"
    colours="{
    fillColor: 'rgba(47, 132, 71, 0.8)',
    strokeColor: 'rgba(47, 132, 71, 0.8)',
    highlightFill: 'rgba(47, 132, 71, 0.8)',
    highlightStroke: 'rgba(47, 132, 71, 0.8)'
    }"
    ></canvas>
</div>

实际上,这些选项有效,但颜色无效。难道我做错了什么?


问题答案:

您应该将colours对象声明为数组

"colours": [{
    fillColor: 'rgba(47, 132, 71, 0.8)',
    strokeColor: 'rgba(47, 132, 71, 0.8)',
    highlightFill: 'rgba(47, 132, 71, 0.8)',
    highlightStroke: 'rgba(47, 132, 71, 0.8)'
}];

plnkr



 类似资料:
  • 此外,我尝试以以下方式使用对象标记: 但是,同样,如果我用CSS指令或将类应用到对象标记,则不会发生任何变化。有什么想法可以实现我想要的吗?

  • 问题内容: 我在阅读有关挥杆的书时编写了一个小程序,该程序在两个标签之间创建了一个JSplitPane。问题在于,几乎看不到JSplitPane(至少在我的操作系统- MAC OS Lion中),并且在其上设置某些属性(如前景色)似乎不起作用。 这是代码: 有什么方法可以改变它的颜色,使其真正脱颖而出吗?谢谢。 问题答案: 是默认设置,简单是透明的,您可以 更改为或可能更好 通过改变不透明度

  • 问题内容: 我用过,但它们不起作用,颜色就像橙色,无法更改。 问题答案: 我认为这些价值观适合您

  • 问题内容: 我可以改变颜色吗?标准颜色是蓝色。而且它与标准iOS应用程序非常接近。是否可定制?我该如何改变颜色?例如按钮颜色。 谢谢! 问题答案: 您可以只更改基础视图的,但是由于iOS 9(https://openradar.appspot.com/22209332)中引入的一个已知错误,因此tintColor被应用程序窗口的覆盖。 您可以: 在AppDelegate中更改应用程序。 } 在完成

  • 我在读一本关于swing的书时编写了一个小程序,它在两个标签之间创建了一个JSplitPane。问题是,JSplitPane几乎看不见(至少在我的操作系统MAC OS Lion中是这样),而且在它上面设置一些属性(如前景色)似乎不起作用。 代码如下: 有没有什么办法可以改变它的颜色,让它真正脱颖而出?非常感谢。

  • 我已经研究了如何更改Angulal-Chart.js的颜色,但它涉及整个(数据集)的颜色,而不是特定的条。 我要寻找的是一种在条形图中为每个条形应用不同颜色的方法;从图表到角度。 所以,我有一个条形图: 使用以下角度代码(当然是在控制器中) 其中将返回随机颜色。 现在,字段将此颜色应用于所有条: 当我真的想为每个酒吧不同的颜色: 柱塞