Question

using jqPlot, is it possible to limit the point labels to just one series? See screenshot below! What I would like displayed is just the values above the “Actual” bar. The “mean” and “Planned” should’nt display!

Thanks!

Here’s my code

    <script type="text/javascript">
        $(document).ready(function () {

        $.jqplot.config.enablePlugins = true;

        var trendline = [60000, 70000, 110000, 80000];
        var planned = [70000, 90000, 120000, 100000,];
        var actual = [80000, 80000, 150000, 120000];
        var xAxis = ['Jan', 'Feb', 'Mar', 'Apr'];

        $(function() {  
            $.jqplot('chartDiv', [planned, actual, trendline], BarChart());
        });


        function BarChart()
        {
            var optionsObj = {
                title: '',
                axes: {
                     xaxis: {
                        renderer: $.jqplot.CategoryAxisRenderer,
                        ticks: xAxis,                
                    },
                    yaxis: {
                        tickOptions: { showMark: false, formatString: "%'d" },                       
                    },
                },

                legend: {
                    show: true,
                }, 

                grid: { 
                    borderColor: "#dad5d1",
                    background: "#dad5d1",
                    drawGridlines: false,
                    shadow: false
                },

                series: [

                    {label:'Planned',renderer:$.jqplot.BarRenderer},
                    {label: 'Actual',renderer:$.jqplot.BarRenderer},
                        {label: 'Mean',


                    pointLabels: {
                        show: true,
                        },

                        renderer:$.jqplot.LineRenderer,
                            lineWidth:4,
                            markerOptions:{
                                color: "#d87d12",
                                size:12,
                        }}
                    ],

                seriesColors: [ "#ada195", "#4a4541", "#ff9619"],

                seriesDefaults:{
                    shadow: false,

                    rendererOptions:{
                       barPadding: 0,
                       barMargin: 10,
                       barWidth: 25
                   }

                },  
            };
            return optionsObj;
        }
});

</script>

Answer 1

This actually looks like a bug in the point labels plugin. You can work around it by disabling the values in the seriesDefault (show:false) and then turning them on for the series you desire:

          series: [
             {label:'Planned',renderer:$.jqplot.BarRenderer},
             {label: 'Actual',renderer:$.jqplot.BarRenderer},
             {label: 'Mean',
              pointLabels: {
                show: true,
              },
              renderer:$.jqplot.LineRenderer,
                lineWidth:4,
                markerOptions:{
                  color: "#d87d12",
                  size:12,
              }}
           ],


           seriesDefaults:{
                pointLabels:{show:false},                    
                shadow: false,
                rendererOptions:{
                   barPadding: 0,
                   barMargin: 10,
                   barWidth: 25
               }
            },