2016-12-16 91 views
-1

这是我的Amchart的工作示例。如何更改选定列的颜色?

code pen working demo

我想改变前四列的颜色。

我知道我可以通过将颜色作为JSON文件中的属性来改变颜色。

"color":"hex code" 

是否有另一种方法来改变颜色?

我想实现这样的目标吗?

enter image description here

回答

0

如果你问一个方法来设置各个列的颜色,而无需在图表和数据指定lineColorField和/或fillColorsField,那么有没有办法做到这一点。如果你想用两个字段,这是你会怎么做:

"dataProvider": [{ 
    "day": 3, 
    "zone_id": 2, 
    "short_trips": 40, 
    "long_trips": 60, 
    "columnColor": "#00cc00", 
    }, { 
    "day": 3, 
    "zone_id": 3, 
    "short_trips": 30, 
    "long_trips": 30, 
    "columnColor": "#00cc00", 
    }, { 
    "day": 3, 
    "zone_id": 4, 
    "short_trips": 40, 
    "long_trips": 60, 
    "columnColor": "#00cc00", 
    }, { 
    "day": 3, 
    "zone_id": 5, 
    "short_trips": 90, 
    "long_trips": 60 
    // no color specified, use default color 
    }, 
    // ... 
], 
"graphs": [{ 
    "fillColorsField": "columnColor", 
    // ... 
}] 

Demo

+0

雅,我知道我能做到这样,但我的JSON数据不包含columnColor因为它从数据库中检索并加载到图表中。我喜欢问题中的图像吗? – John

+0

就像我说的,你不能在你的JSON数据中指定它。这是你唯一的选择。根据您的情况规定的任何逻辑,将它加载到图表之前,没有任何东西阻止您添加此字段。 – xorspark

0

你的意思是没有在的javascript文件中使用的颜色属性?

我会说实话,我不知道使用Amchart的正确方法,但是如果您的演示有任何迹象,您可以为css文件中的所有条设置路径标记的填充属性。

enter image description here

相关问题