向圖表底部添加一行字

Question

我想在圖表底部添加一行字「Country：Singapore Reporting Date：d/MMM/yy User：xxxxx」。我應該如何繼續？目前，我的代碼如下。

<script type="text/javascript"> 
    function renderChart(divId, chartType, chartTitle, chartData, categories) { 

    var data = jQuery.parseJSON(chartData); 
    var cat = jQuery.parseJSON(categories); 
    console.log(cat); 
    console.log(chartData); 
    var options = createOption(divId, chartType, chartTitle, cat); 
    options.series = [{ 
      allowPointSelect : true, 
      data : data, 
      showInLegend : true    
     }]; 
    var chart = new Highcharts.Chart(options); 
    } 

    function createOption(divId, chartType, chartTitle, categories) { 
    var options = { 
     colors : [ '#058DC7', '#50B432', '#ED561B', '#DDDF00', 
       '#24CBE5', '#64E572', '#FF9655', '#FFF263', '#6AF9C4' ], 
     chart : { 
      renderTo : divId, 
      type : chartType 
     }, 
     title : { 
      text : chartTitle 
     }, 
     xAxis : { 
      categories : categories, 
      showEmpty: false 
     }, 
     yAxis: { 
       showEmpty: false 
      }, 
     series : [] 

    }; 

    return options; 
    } 

Answer 1

您可以使用labels或renderer，它允許在圖表上添加自定義文本/對象。