动态更改高图值

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"   }}