highcharts - 如何在 Highcharts 中自定义工具提示编号？

Question

我需要在工具提示中进行货币转换，以便它同时显示 R$（巴西雷亚尔）和 US$（美元）。该系列以 R$ 为单位，因此我需要在工具提示格式化程序中进行一些数学运算以显示 US$。但我该怎么做呢？谁能帮我？

这是小提琴

这是代码

$(function () {
Highcharts.setOptions({
    lang: {
        decimalPoint: ',',
        thousandsSep: '.'
    }
});
$('#container').highcharts({
    chart: {
        type: 'area'
    },
    title: {
        text: 'Receita líquida consolidada'
    },
    legend: {
        enabled: false
    },
    xAxis: {
        categories: ['2012', '2011', '2010'],
        tickmarkPlacement: 'on',
        title: {
            enabled: false
        }
    },
    yAxis: {
        title: {
            text: 'Bilhões'
        }
    },
    tooltip: {
        pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b> R$ {point.y} Bilhões</b> (US$ {point.y} Bilhões)<br/>',
        shared: true
    },
    plotOptions: {
        series: {
            fillOpacity: 1
        },
        area: {
            stacking: 'normal',
            lineColor: '#384044',
            lineWidth: 1,
            marker: {
                lineWidth: 1,
                lineColor: '#384044',
            }
        }
    },
    series: [{
        name: 'Receita líquida consolidada',
        data: [35.5, 32.5, 19.4],
        color: '#4fc6e0'
    }]
});
});

Answer 1

一种方法是计算数据中的美元值：

series: [{
            name: 'Receita líquida consolidada',
              data: [{y:35.5,us:77.2}, {y:32.5,us:70.7}, {y:19.4,us:42.2}],
            color: '#4fc6e0'
        }]

然后，您可以像这样在工具提示上使用它：

 pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b> R$ {point.y} Bilhões</b> (US$ {point.us} Bilhões)<br/>',

http://jsfiddle.net/h5JzB/

Answer 2

您可以使用工具提示格式化程序http://api.highcharts.com/highcharts#tooltip.formatter并计算这两个值。