更改 FusionChart 地图需要从颜色范围滑块中去掉橙色背景色

Question

我正在处理 FushionChart 地图，默认的橙色背景颜色与我页面的配色方案不兼容。我按照他们的示例对地图进行了编码，他们的示例都没有这种橙色背景，我想知道橙色条来自哪里。 PS：我的地图也有一个黑色边框，默认情况下应该关闭，但即使我逐字复制示例，我的地图也打开了。我必须将 showCanvasBorder 设置为“0”才能关闭黑色边框。我认为这种橙色背景颜色可以通过某些配置来修复，但我只是不知道要更改什么图表属性。

Answer 1

问了我的同事后，那个滑动条实际上叫做legend。我只是将颜色设置为白色以与白色背景融为一体。

legendBgColor: "#FFFFFF", 图例边框颜色：“#FFFFFF”

Answer 2

您必须使用颜色范围来根据值定义实体颜色，由于为各个数据桶定义颜色的过程不可扩展，因此您需要将数据值分组到定义的数据范围桶下。 使用渐变比例，您可以指定与特定数据点关联的颜色。这定义了整个数据范围的自动梯度比例。根据梯度刻度上的数据值位置，实体以独特的颜色显示。

    {
    "chart": {
        "caption": "Global Population Density",
        "theme": "fusion",
        "showLabels": "1",
        "formatNumberScale": "0"
    },
    "colorrange": {
        "minvalue": "0",
        "startlabel": "Low",
        "endlabel": "High",
        "code": "#FF4411",
        "gradient": "1",
        "color": [{
            "maxvalue": "25",
            "code": "#FFDD44",
            "displayValue": "Median"
        }, {
            "maxvalue": "100",
            "code": "#6baa01"
        }]
    },
    "data": [{
        "id": "NA",
        "value": "22.1",
        "showLabel": "1",
        "displayValue": "Moderate"
    },
    {
        "id": "SA",
        "value": "22.0",
        "showLabel": "1",
        "displayValue": "Moderate"
    },
    {
        "id": "AS",
        "value": "95.0",
        "showLabel": "1",
        "displayValue": "Dense"
    },
    {
        "id": "EU",
        "value": "72.5",
        "showLabel": "1",
        "displayValue": "Dense"
    },
    {
        "id": "AF",
        "value": "33.7",
        "showLabel": "1",
        "displayValue": "Moderate"
    },
    {
        "id": "AU",
        "value": "3.2",
        "showLabel": "1",
        "displayValue": "Sparse"
    }]
}

示例小提琴 - https://jsfiddle.net/fusioncharts/r7L7xcv1/

要了解有关此功能的更多信息，请参阅 - https://www.fusioncharts.com/dev/map-guide/colouring-based-on-data-range#build-a-map-with-a-gradient-scale

https://www.fusioncharts.com/dev/chart-guide/chart-configurations/legend#customize-legend-appearance

关于显示画布边框，默认情况下，画布边框是不可见的。要显示画布边框，请将 showCanvasBorder 属性设置为 1。

https://fusioncharts.com/dev/chart-guide/chart-configurations/canvas#show-canvas-border