Question

我有一个包含2个系列的图表。每个系列中的积分都是百分比，但我从这个格式的数据库中得到它们：0.24表示24％，0.02表示2％... 有没有方法可以在我的图表选项中直接将值乘以100？我尝试使用pointFormat和pointFormatter，但我的测试不成功......

我的图表配置：

options.evolRes.chart = {
    renderTo: 'container_graph',
    backgroundColor: '#F1F1F1',
    width: $('#container_graph:parent').width(),
    height: 700
};

options.evolRes.title = {
    text: 'Title',
    x: -20
};

options.evolRes.yAxis = [
    {
        title: {
            text: 'Result'
        },
        labels: {
            format: '{value}%'
        },
        min: 0, 
        max: 100,
        tickInterval: 10            
    }
];  

options.evolRes.xAxis = {
    categories: ['T1','T2','T3','T4','T5','T6'],
    labels: {
        rotation: -45,
        y: 20
    }
};

options.evolRes.tooltip = {
    crosshairs: true,
    shared: true,
    valueDecimals: 2
};

options.evolRes.series = [
    {
        name: 'Result X',
        data: [0.2, 0.85, 0.63, 0.05, 0.26, 0.85],
        yAxis: 0,
        type: 'areaspline',
        tooltip: {
            valueSuffix : '%'
        }
    },{
        name: 'Result Y',
        data: [0.25, 0.35, 0.73, 0.05, 0.16, 0.25],
        yAxis: 0,
        type: 'areaspline',
        tooltip: {
            valueSuffix : '%'
        }
    }
]

Answer 1

试试这个

  tooltip: {
        formatter: function () {
            var s = '<b>' + this.x + '</b>';

            $.each(this.points, function () {
                s += '<br/>' + this.series.name + ': ' +
                    this.y *100;
            });

            return s;
        },
        shared: true
    }

sample fiddle :)

在hightcharts中格式化点值

1 个答案: