2012-08-09 41 views
12

tôi cho rằng giá trị để Highcharts Biểu đồ hình tròn:Định dạng số ở giá trị biểu đồ Highcharts?

series:[ 
     { 
      type:'pie', 
      name:'Ratio', 
      data:[ 
       ['A', 42.6], 
       { 
        name:'B', 
        y:14.2, 
        sliced:true, 
        selected:true 
       } 
      ] 
     } 
    ] 

Tuy nhiên nó cho thấy nó như thế tại Biểu đồ hình tròn:

A -> 75.00000000000001 % 
B-> 25 % 

Bạn có thể định dạng tooltips tại Highcharts thế nào về giá trị bảng xếp hạng?

enter image description here

Trả lời

14

Chúng tôi có các tùy chọn định dạng tooltip hiển thị giá trị như số thay vì tỷ lệ

http://api.highcharts.com/highstock#tooltip.formatter

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

this.point.y sẽ làm các trick (bây giờ bạn có this.percentage tại địa điểm đó)

+6

Khi bạn thêm toFixed (2), đó là câu trả lời. – kamaci

+0

yeah, Điều đó sẽ được tìm kiếm tốt – pdpMathi

19

plotOptions.pie.dataLabels.formatter là một chức năng mà sẽ cho phép bạn định dạng nhãn. Trong trường hợp này, tôi đã trả về this.percentage.toFixed(2), số này sẽ cắt số của bạn ở 2 chữ số thập phân. Demo tại this jsFiddle

plotOptions: { 
    pie: { 
     dataLabels: { 
      formatter: function() { 
       return '<b>' + this.point.name + '</b>: ' + this.percentage.toFixed(2) + ' %'; 
      } 
     } 
    } 
}, 
+0

tuyệt vời - mẹo tuyệt vời ... –

+0

thanx cho this.percentage.toFixed (2) tôi cần số này –

6
tooltip: { 
    pointFormat: "Value: {point.y:.2f}" 
} 

này không phải dành cho formating các giá trị.

var data = [{ 
    name: 'Population', 
    data: [], 
    dataLabels: { 
     enabled: true, 
     rotation: -90, 
     color: '#FFFFFF', 
     align: 'right', 
     x: 4, 
     y: 10, 
     style: { 
      fontSize: '13px', 
      fontFamily: 'Verdana, sans-serif', 
      textShadow: '0 0 3px black' 
     }, formatter: function() { 
      return Highcharts.numberFormat(this.y, 2, '.'); 
     } 
    } 
}]; 

formart của các giá trị có thể thay đổi trong dataLables trong dữ liệu.

+0

cảm ơn nó làm việc cho tôi. –

Các vấn đề liên quan