Highcharts：動態更改/添加座標軸屬性

Question

我正在創建所有包含相同默認框架的高圖。要更新圖表的動態元素，我一直在創建新的對象，並在繪製圖表的函數調用中引用它們。

這工作得很好，直到我開始嘗試使軸標籤變爲動態（某些圖表需要雙軸）。我已經包含了一個jsfiddle，它顯示了我正在使用的動態結構以及相同圖表硬編碼的示例。有人能告訴我爲什麼這可能不起作用嗎？對象的

http://jsfiddle.net/lcsmith_stsci/H5Xeb/

實施例：這如何在highcharts被引用

yAxis = { 
    'dollars': function() { 
     var yAxis = { 
      title: { 
       text: "Burdened Dollars" 
      } 
     } 
     return yAxis; 
    } 
}; 

示例對象：

var chart = new Highcharts.Chart({ 
    chart: { 
     renderTo: 'container', 
     type: 'column' 
    }, 
    xAxis: { 
     categories: ['FY Total'] 
    }, 
    yAxis: yAxis.dollars, 
    series: [{ 
     name: 'YTD Plan', 
     data: [1000] 
    }, { 
     type: 'column', 
     name: 'YTD Actual', 
     data: [900] 
    }] 
    }); 

任何幫助理解。

Answer 1

這裏是工作小提琴：DEMO。

當你正在申報「元」作爲返回值的函數，你將不得不這樣稱呼它yAxis: yAxis.dollars(),

JS代碼：

var yAxis = { 
    'dollars': function() { 
     var yAxis = { 
      title: { 
       text: "Burdened Dollars" 
      } 
     }; 
     return yAxis; 
    } 
}; 

$(function() { 
    var chart = new Highcharts.Chart({ 
     chart: { 
      renderTo: 'container', 
      type: 'column' 
     }, 
     xAxis: { 
      categories: ['FY Total'] 
     }, 
     yAxis: yAxis.dollars(),//call it like this 
     series: [{ 
      name: 'YTD Plan2', 
      data: [1000] 
     }, { 
      type: 'column', 
      name: 'YTD Actual', 
      data: [900] 
     }] 
    }); 
}); 

Answer 2

您不能在高圖中使用函數作爲屬性。但是，可以使用highcharts API圖表被加載之後：

chart.yAxis[0].setTitle({ 
     text: "Burdened Dollars" 
}); 

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/members/axis-settitle/

Answer 3

Highcharts 3.0釋放允許通過更新動態改變軸線（）函數

http://api.highcharts.com/highcharts#Axis.update()