格式化jqPlot点标签,如:number(percent)

时间:2012-05-21 21:21:34

标签: javascript jquery jquery-plugins jqplot

这是我的第一个问题。

我需要格式化jqPlot图表点标签,如下所示:50(100%) 格式编号和显示百分比。

var s1 = [32, 28, 18, 6];

var ticks = ['0-20 kph', '21-40 kph', '41-60 kph', '61+ kph'];

plot1 = $.jqplot('bar-graph', [s1], {
    animate: !$.jqplot.use_excanvas,
    title: 'Gráficos de velocidade',
    captureRightClick: true,
    seriesColors: ['green', 'yellow', 'orange', 'red'],
    seriesDefaults: {
        renderer: $.jqplot.BarRenderer,
        pointLabels: {
            show: true,
            formatString: '%s (?%%)' 
        },
        rendererOptions: {
            varyBarColor: true
        }
    },
    axes: {
        xaxis: {
            renderer: $.jqplot.CategoryAxisRenderer,
            ticks: ticks
        }
    },
    highlighter: {
        show: false
    }
});

在jsFinddle上:http://jsfiddle.net/evandroprogram/r3PUE/10/

感谢。

1 个答案:

答案 0 :(得分:8)

您可以实现一个返回正确格式字符串的函数,而不是显式设置格式。像这样:

formatString: function(){return '%s (100%)';}()

您可以在该函数中进行计算,以得出相应的字符串。