CODEWITHSUNDEEP
jqplot
user1069496
user1069496

Reputation: 51

turning pointLabels on and off in jqplot

I am trying to turn pointLabels on and off programmatically. I thought it would work something like this: 

    var data_ = [[1,1],[2,5],[4,9]];
    var graph = $.jqplot(id_graph, [data_], {
        series:[{pointLabels: { show:true } }]
        }
      );
    graph.series[0].pointLabels.show=false;
    graph.replot();

However, this still displays the point labels.

Thanks for any help!

Upvotes: 5

Views: 2229

Answers (3)

Stefan
Stefan

Reputation: 61

althoug this post is old I found a solution for the problem:

var data_ = [[1,1],[2,5],[4,9]];
var graph = $.jqplot(id_graph, [data_], {
    series:[{pointLabels: { show:true } }]
    }
  );
graph.series[0].plugins.pointLabels.show=false;
graph.replot();

Instead of using

graph.series[0].pointLabels.show=false;

use

graph.series[0].plugins.pointLabels.show=false;

In my case this worked.

Upvotes: 3

Boro
Boro

Reputation: 7943

I think what you want is actually showMarker option. Since in this code you are not setting point labels therefore they will never be show. The showMarker will let you switch the dots of the graph on/off.

Is that what you are in fact after? Otherwise please provide an example that you use.

Here is a sample made for a similar issue.

Please see this sample. There on the button click the change of makers visibility occurs.

Update: This sample shows the solution, which uses the approach presented above, i.e. re-plotting the plot while changing the 'pointLabels' new parameter.

jQuery(document).ready(function () {
    var data = [
        [1, 1],
        [2, 5],
        [4, 9]
    ];
    var graph;
    var isShowPointLabels = true;

    function makePlot(showPointLabels) {
        graph = $.jqplot("chart", [data], {
            series: [{
                pointLabels: {
                    show: showPointLabels
                }
            }]
        });
    }
    makePlot(isShowPointLabels);
    $("#click").click(function () {
        isShowPointLabels = !isShowPointLabels;
        makePlot(isShowPointLabels);
        graph.replot();
    });
});

In this case I couldn't figure out how to use drawSeries(...) to re-plot just a single series, as @Mark shows for marker, which would be a good practice to do here.

Upvotes: 1

Mark
Mark

Reputation: 108517

Adding to Boro's answer, if you want to toggle the marker on a single series, it would be quicker to do:

graph.drawSeries({markerOptions:{show:false}},seriesIndex); //redraw single series

Calls to replot can be expensive with a large number of series.

Revved fiddle here.

Upvotes: 1

Related Questions