Question

我需要在工具提示中进行货币转换，以便显示R $（巴西雷亚尔）和美元（美元）。该系列是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

执行此操作的一种方法是计算数据中的US $值：

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并计算这两个值。

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

2 个答案: