2013-10-31 78 views
1

我想在图表底部添加一行字“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; 
    } 

回答

0

您可以使用labelsrenderer,它允许在图表上添加自定义文本/对象。

+0

感谢您的回复。我加了这个。但我没有看到文字。有什么问题吗?标签:{ \t \t \t项目:[{ \t \t \t \t HTML: '这里图的标准......', \t \t \t \t风格:{ \t \t \t \t \t位置: '固定', \t \t \t \t \t底部: '0像素', \t \t \t \t \t左: '0' \t \t \t \t} \t \t \t}] \t \t} – bittersour

+0

您需要机顶盒/ LEF参数,但我建议使用渲染器。 –

+1

我想将文字置于左下角。任何方式我们可以做到这一点,而不是手动分配一个数字来定位?我这里代码\t \t \t \t \t事件:{ \t \t负载:函数(){ \t \t变种文本= this.renderer.text(chartCriteria,0,0)的CSS({ \t \t底部:' 0', \t \t left:'0' \t \t})。add(); \t \t} \t \t} – bittersour