2012-08-24 96 views
0

大家好我是一个饼图中的一些数据...片上的悬停我得到的悬停这样如何更改饼图高图的X和Y轴名称?

[Hr Resources:x=Hr Resources,y=12] 

我希望我的提示显示这样

[ProjectName=Hr,Logged Bugs=12] 

我如何做this..here如何我为我的数据绑定到饼图

<script type="text/javascript"> 
    $(function() { 
     $.getJSON('<%= Url.Action("GetData","JqueryCharts") %>', {}, function (data) { 
      var json = data; 
      alert(json); 
      var jsondata = [];    
      for (var i in json) { 
      // var serie = new Array(json[i].Projects, json[i].Bugs); 
       jsondata.push([json[i].Projects, json[i].Bugs]); 
      }    
     var chart = new Highcharts.Chart({ 
      chart: { 
       renderTo: 'container', 
       type: 'pie', 
       plotBackgroundColor: null, 
       plotBorderWidth: null, 
       plotShadow: false 
      }, 
      title: { 
       text: 'Resource Reports of BugTracker' 
      },    
      plotOptions: { 
       pie: { 
        showInLegend: true, 
        animation: false, 
        allowPointSelect: true, 
        cursor: 'pointer' 
       } 
      }, 
      legend: { 
       enabled: true 
      }, 
      series: [{ 
       type: 'pie', 
       name: 'Resource Reports', 
       data: jsondata 
      }] 
     }); 
     }); 
    }); 
    </script> 

任何一个可以帮助我哪里有改变这种

回答

1

默认情况下,Highchart工具提示提取工具提示中的系列名称。

您可以使用自定义工具提示:

tooltip: { 
    formatter: function() { 
      return '<b>ProjectName = '+ this.point.name +', Logged Bugs= '+ this.y + '</b>'; 
    } 
} 

这里是example

Highchart有一个非常好的文档:http://api.highcharts.com/highcharts#tooltip