【问题标题】:unable to change legend color for amcharts when using custom legends使用自定义图例时无法更改 amcharts 的图例颜色
【发布时间】:2017-08-31 07:30:05
【问题描述】:

我有一个像 fiddle 这样的 amchart。在我的传说中,我有以下代码

"legend": {
    "horizontalGap": 10,
    "useGraphSettings": true,
    "markerSize": 10,
     "data": [{
       "title": "Total_Balance",
       "value": getValue('balance'),
       "backgroundColor":"#0D52D1",
       "color": "#0D52D1"
     }, {
       "title": "Total_Paid",
       "value":getValue('paid'),
       "backgroundColor":"#04D215",
       "color": "#04D215"
     }]
  }

但图例颜色仍然显示为黑色。我无法更改图例背景颜色。

有什么帮助吗?

【问题讨论】:

    标签: javascript graph visualization amcharts


    【解决方案1】:

    您必须删除useGraphSettings,因为该属性在与data 数组中的自定义标记组合时没有意义。 useGraphSettings 仅在您使用直接从图形对象生成的图例标记时适用,因此将两者结合会导致奇怪的结果。

    Updated fiddle

    另请注意,backgroundColor 不是数据对象的属性,value 未记录在案。它现在可能有效,但使用风险自负,因为未记录的属性可能会在没有警告的情况下更改或删除。仅支持 titlecolormarkerType

    【讨论】:

    • 如果我实现了这个,现在默认的图例项点击功能不起作用。我现在必须实现我自己的吗?
    • 是的,您必须实现自己的 clickMarker 侦听器,以实现您想要的 data 标记行为。 data 标记与图形对象没有关联,因此它们实际上是用户生成的标签,除非您将自己的行为与它们联系起来。这是一个示例,假设“Total_Balance”指的是第一个图对象,“Total_Paid”是第二个图对象:jsfiddle.net/1ooed595/4
    • 而不是这样做,默认情况下有什么方法可以显示图例文本和值(其中值是该类别中所有单个值的总和)exp:Total_Balance 图例将具有以下值是所有年份的所有总余额的总和..
    • 如果“默认”您的意思是使用常规标记,那么您可以使用图例中的 valueFunction 回调来显示您想要的每个标记的任何值(请注意,标记标签绑定到图形的title 属性)。当您没有启用 chartCursor 时,回调会提供图形对象,您可以使用该对象访问图表的 dataProvider 并在那里进行计算。例如:jsfiddle.net/1ooed595/5
    • 这正是我想要的。 tq
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-07-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多