Javascript 具有颜色轴更新样式的Highcharts树状图

我尝试了各种方法来更新树形图颜色轴图例字体大小和字体系列

var options = {
colorAxis: {
    minColor: '#FFFFFF',
    maxColor: Highcharts.getOptions().colors[0],
    labels: {
        style: {
            fontSize: '10px',
        fontFamily: 'Arial'
        }
    }
},
series: [{
    type: 'treemap',
    layoutAlgorithm: 'squarified',
    data: [{
        name: 'A', value: 6,colorValue: 1 }, { name: 'B',value: 6,colorValue: 2 }, {
        name: 'C',value: 4,colorValue: 3}, {name: 'D',value: 3,colorValue: 4 }, {
        name: 'E',value: 2,colorValue: 5 }, {name: 'F',value: 2, colorValue: 6}, {
        name: 'G',value: 1,colorValue: 7}] }],
title: {
    text: 'Highcharts Treemap'
}

})

var chart=Highcharts.chart（'container'，选项）

}))

请看这里-

---

样式似乎没有更新。请帮忙。谢谢

由于id不同，您的点击事件未被触发

从按钮id中删除哈希：

Update

然后您可以通过更新axis

例如：

$('#update').click(function () {
chart.update({
  chart:{
    style: {
        fontSize: '20px',
      fontFamily: 'HelveticaNeue'
    }
  },
  legend: {
    itemStyle: {
                    fontSize: '20px',
                    fontFamily: 'HelveticaNeue'
                    }
  },
    colorAxis: {
    labels: {
        style: {
            fontSize: '20px',
        fontFamily: 'HelveticaNeue'
        }
    }}
});
chart.legend.update({
    itemStyle: {
      fontSize: '20px',
      fontFamily: 'HelveticaNeue'
  }
})

$('#update').click(function() {
  chart.colorAxis[0].update({
    labels: {
      style: {
        fontSize: '20px'
      }
    }
  })
});