动态更改高图值

Question

我在下面有这个高图代码，我正在寻找一种动态传递给它一些值的方法：let rendermap = Highcharts.mapChart("map-container", {  chart: {    map: "custom/world",  },  borderColor: "#EEF0EF",  colors: ["#CBCDCC", "#6b6b6b"],  mapNavigation: {    enabled: true,    enableDoubleClickZoomTo: true,  },  mapNavigation: {    enabled: true,    buttonOptions: {      theme: {        fill: "rgba(255, 255, 255, 0)",        "stroke-width": 1,        stroke: "#fb9718",        r: 13,        states: {          hover: {            fill: "#fb9718",          },          select: {            stroke: "#039",            fill: "#fb9718",          },        },      },      verticalAlign: "top",      alignValue: "center",    },  },  colorAxis: {    min: 1,    max: 1000,    type: "logarithmic",  },  series: [{    data: mapdata,    borderColor: "#EEF0EF",    joinBy: ["iso-a3", "code3"],    name: "Population density",    states: {      hover: {        color: "#07AABB",      },    },  }, ],});colorAxis例如，我想动态更改颜色选项。我可以这样做吗rendermap.colorAxis.amxColor ="#EEF0EF"：它似乎不是那样工作的。

Answer 1

您需要使用update方法，例如：

rendermap.update({

  colorAxis: {

    maxColor: "#EEF0EF"

  }

});

Answer 2

这可能是因为您正在改变对象并且未检测到更改以重新渲染。

尝试这个：

rendermap = {

   ...rendermap,

   colorAxis: {

      ...rendermap.colorAxis,

      amxColor: "#EEF0EF"

   }

}