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/