如何在jqplot图中显示单个标记 [英] How to show a single marker in the jqplot graph

问题描述

您好我正在使用jqplot图表。我需要隐藏当前在绘图表上显示的圆形点，除了最后一个点之外的数组中的每个值。

Hi im using jqplot graph. I need to hide the Circular points that are currently displayed on the plot chart for each value in the array except the last point.

我使用以下代码显示图表。我使用了show marker：false选项，但它隐藏了图中的所有圆形。请帮我如何在图表中只显示一个圆点。

I use the following code to display the chart. I used "show marker : false" option, but it hides all circular in the graph. Please help me how to show only one circular point in the graph.

<div id="chart2"></div>

var line2 = [['2012-10-02', 20],['2012-10-03', 45],['2012-10-04', 35],['2012-10-05', 32],['2012-10-06', 30],['2012-10-07', 25]];
var plot1 = $.jqplot('chart2', [line2], {

seriesDefaults: {
    showMarker: false
},

axes:{
    xaxis:{
      renderer:$.jqplot.DateAxisRenderer,
      labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
      tickRenderer: $.jqplot.CanvasAxisTickRenderer,
      tickOptions: {
          angle: -90,
          formatString: '%m/%d/%Y'
      },
    }
  },
yaxis: {
     labelRenderer: $.jqplot.CanvasAxisLabelRenderer
},
highlighter: {
    show: true
  },

  cursor: {
    show: false
  }
});

我希望将以下屏幕作为输出。请帮助我如何做到这一点。任何帮助将不胜感激。

I want to achieve the below screen as my output. please help me how this could be done. Any help will be appreciated.

推荐答案

使用 jqplot 没有直接的方法。但您可以通过进行以下更改来实现此目的： jsFiddle link

There is no direct way of doing this using jqplot. but you can achieve this by making the following changes: jsFiddle link

$(document).ready(function(){
  var line2 = [['2012-10-02', 20],['2012-10-03', 45],['2012-10-04', 35],['2012-10-05', 32],['2012-10-06', 30],['2012-10-07', 25]];
    var line3 = [['2012-10-07', 25]]; 
var plot1 = $.jqplot('chart1', [line2, line3], {

    series: [
        {
            showMarker: false
         },
        {
            showMarker: true
         }
],

axes:{
    xaxis:{
      renderer:$.jqplot.CategoryAxisRenderer,
      labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
      tickRenderer: $.jqplot.CanvasAxisTickRenderer,
      tickOptions: {
          angle: -90,
          formatString: '%m/%d/%Y'
      },
    }
  },
yaxis: {
     labelRenderer: $.jqplot.CanvasAxisLabelRenderer
},
highlighter: {
    show: true
  },

  cursor: {
    show: false
  }
});

});

这篇关于如何在jqplot图中显示单个标记的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！