饼图工具提示千位分隔符和rtl标签在高图中不起作用

时间:2015-09-05 08:02:15

标签: highcharts pie-chart

我在我的网站上使用高图。我想在工具提示中使用千位分隔符。 这是代码:

divChart.highcharts({
                lang: {
                    thousandsSep: ','
                },
                chart: {
                    plotBackgroundColor: null,
                    plotBorderWidth: null,
                    plotShadow: false,
                    type: 'pie'
                },
                title: {
                    text: ''
                },
                plotOptions: {
                    pie: {
                        allowPointSelect: true,
                        cursor: 'pointer',
                        dataLabels: {
                            enabled: true,
                            format: '<b>{point.name}</b>: {point.percentage:.1f} %'
                        }
                    }
                },
                tooltip: {
                    shared: true,
                    useHTML: true,
                    headerFormat: '<div style="direction:rtl; text-align:center; font-size:16px;">{point.key}</div><table >',
                    pointFormat: '<tr><td style="text-align: center;color:{series.color};width:100px;"><b style="margin:4px;">{point.y:,.0f}</b></td></tr>',
                    footerFormat: '</table>'
                },
                series: temp
            });

但它不起作用。 而且我想在rtl方向上显示饼图标签。 谢谢你回答。

1 个答案:

答案 0 :(得分:0)

您可以使用工具提示格式化程序并在内部使用Highcharts.numberFormat

tooltip: {
        shared: true,
        useHTML: true,
        formatter: function() {
            return '<div style="direction:rtl; text-align:center; font-size:16px;">'+this.key+'</div><table><tr><td style="text-align: center;color:'+this.series.color+';width:100px;"><b style="margin:4px;">'+Highcharts.numberFormat(this.y,0,'.',',')+'</b></td></tr></table>';
        }
    },

实施例: - http://jsfiddle.net/bd1hvj1y/