繁体   English   中英

栏上显示点标签 - jqPlot

[英]Display points labels on bar - jqPlot

我有一个多色的条形图,看起来像这样 在此输入图像描述

我用的代码:

$(document).ready(function(){
    var line1 = [['Kliks', 119],['Unieke kliks', 91],['Afgemeld', 12]];

    $('#chart3').jqplot([line1], {
        seriesColors:['#74b6e7', '#003246', '#e22a20'],
        pointLabels:{show:true, stackedValue: true},
        seriesDefaults:{
            renderer:$.jqplot.BarRenderer,
            rendererOptions: {
                varyBarColor: true
            }
        },
        series:[
             {pointLabels:{
                show: true,
                labels:['119', '91', '12']
              }}],
        axes:{
            xaxis:{
                renderer: $.jqplot.CategoryAxisRenderer
            }
        }
    });
});

我想显示条形点值,以使图表看起来像这样 在此输入图像描述

这可能吗? 我尝试过使用pointLabels但它们没有显示

series:[
    {pointLabels:{
        show: true,
        labels:['119', '91', '12']
}}],

这是一个水平对齐标签的黑客攻击所以我使用了Jquery(两个元素和CSS用于中间的一个)。

这是标签值的小提琴:

    series:[
         {pointLabels:{
           show: true,
           location:'s',
           ypadding : 5,
         }}],

http://jsfiddle.net/u7FqE/2/

我设法显示了点,这是我使用的代码

            seriesColors:['#74b6e7', '#003246', '#e22a20'],
            seriesDefaults:{
                renderer:$.jqplot.BarRenderer,
                shadow: false,
                barPadding: 0,
                barMargin: 0,
                barWidth: 51,
                //groups: 1,
                rendererOptions: {
                    fillToZero: true,
                    varyBarColor: true
                },
                    pointLabels: { show: false }
            },
            series:[
             {pointLabels:{
                show: true,
                labels:['119', '91', '12']
              }}],

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM