Highcharts树图与colouraxis更新款式

Question

我试图更新的映像树色轴图例字体大小和字体系列的各种方式

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'，options）;

$('#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' 
    } 
}) 

}）;

请看这里 - http://jsfiddle.net/hsuh/t04qe2xx/8/

风格似乎并没有被更新。请帮忙。谢谢

Answer 1

您的点击事件没有被解雇，因为id的不同。从按钮的ID

删除哈希：<button id='update'> Update </button>

然后你就可以通过axis.update()

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

例如更新轴：http://jsfiddle.net/t04qe2xx/9/