如何让FusionCharts中趋势值颜色与趋势区域颜色不同？

你只需在趋势线的line配置对象中添加valueColor属性，单独指定显示值的颜色即可。默认情况下显示值会继承趋势区域的color属性，显式设置该属性就能覆盖这一默认行为。

修改后的代码示例：

FusionCharts.ready(function() {
  var percentChart = new FusionCharts({
    "dataSource": {
      "chart": {
        "trendValueFontSize": "11",
        "trendValueFontBold": "1",
        "trendValueFontItalic": "1",
        "trendValueAlpha": "80"
      },
       "trendlines": [{
          "line": [{
            "isTrendZone": "1",
            "startvalue": "92",
            "endvalue": "108",
            "color": "C2C2C2",
            "valueOnRight": "1",
            "displayvalue": "Target Range",
            // 新增：指定显示值颜色，可替换为你需要的十六进制颜色码（不带#）
            "valueColor": "000000"
          }]
        }]
    }
  });
  percentChart.render();
});

说明：

• valueColor接受不带#号的十六进制颜色代码，比如"333333"深灰、"FF0000"红色等，可根据需求自由替换。
• 图表级的trendValueFontSize、trendValueFontBold等字体样式配置依然会生效，valueColor仅单独控制显示值的颜色。

内容的提问来源于stack exchange，提问作者Bradley O.