Javascript 如何通过单击jqplot条形图中的条形图获取标签名称_Javascript_Jquery_Jqplot

Javascript 如何通过单击jqplot条形图中的条形图获取标签名称

javascript jquery

Javascript 如何通过单击jqplot条形图中的条形图获取标签名称,javascript,jquery,jqplot,Javascript,Jquery,Jqplot,我有一个JQplot条形图，我的问题是当我单击其中一个条形图时，它应该显示勾号标签名称。它正按我所希望的那样工作。但同时我也想显示勾号名称。但是我不知道怎么做。请帮助我 enter code here <!DOCTYPE html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&

我有一个JQplot条形图，我的问题是当我单击其中一个条形图时，它应该显示勾号标签名称。它正按我所希望的那样工作。但同时我也想显示勾号名称。但是我不知道怎么做。请帮助我

enter code here
    <!DOCTYPE html>
    <head>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

      <script type="text/javascript" src="te/jquery.jqplot.js"></script>
          <script type="text/javascript" src="te/plugins/jqplot.barRenderer.js"></script>
        <script type="text/javascript" src="te/plugins/jqplot.json2.js"></script>
        <link rel="stylesheet" type="text/css" href="te/jquery.jqplot.css" />
        <script language="javascript" type="text/javascript" src="te/plugins/jqplot.categoryAxisRenderer.js"></script>
         <script type="text/javascript" src="te/plugins/jqplot.json2.js"></script>
            <script type="text/javascript" src="te/plugins/jqplot.canvasTextRenderer.js"></script>
          <script type="text/javascript" src="te/plugins/jqplot.canvasAxisLabelRenderer.js"></script>
                 <script type="text/javascript" src="te/plugins/jqplot.canvasAxisTickRenderer.js"></script>
         <script type="text/javascript" src="te/plugins/jqplot.pointLabels.js"></script>
           <script type="text/javascript" src="te/plugins/jqplot.cursor.js"></script>
           <script type="text/javascript" src="te/plugins/jqplot.highlighter.js"></script>
             <script type="text/javascript" src="te/plugins/jqplot.dateAxisRenderer.js"></script>

        <script>

     $(document).ready(function(){
    var s1 = [2, 6, 7, 10];
    var s2 = [7, 5, 3, 2];
    var ticks = ['a', 'b', 'c', 'd'];

    plot2 = $.jqplot('chart2', [s1, s2], {
        seriesDefaults: {
            renderer:$.jqplot.BarRenderer,
            pointLabels: { show: true }
        },
    legend: {
            show: true,
            location: 'e',
    //marginTop : "1620px",

            placement: 'outside'
        }  ,
   series:[{label:'Present'}, {label:'Absent'}  ],
   axes: {
            xaxis: {
                renderer: $.jqplot.CategoryAxisRenderer,
                ticks: ticks
            }
           },


          });

       $('#chart2').bind("jqplotClick", function(ev, seriesIndex, pointIndex, data) {


        alert('Plot Label: '+plot2.series[data.seriesIndex].label);
      });
    });

       </script>
     </head>
            <body>
            <div id="chart2" style="height:400px;width:95%; "></div>
          <p id='info2'></p>
         </body>
         </html>

在此处输入代码
$（文档）.ready（函数（）{
VarS1=[2,6,7,10]；
VarS2=[7,5,3,2]；
var ticks=['a'，'b'，'c'，'d']；
plot2=$.jqplot（'chart2'，[s1，s2]{
系列默认值：{
渲染器：$.jqplot.blunderer，
点标签：{show:true}
},
图例：{
秀：没错，
地点：'e'，
//marginTop：“1620px”，
位置：“外部”
}  ,
系列：[{label:'Present'}，{label:'empture'}]，
轴线：{
xaxis：{
渲染器：$.jqplot.CategoryAxisRenderer，
滴答声：滴答声
}
},
});
$（“#图表2”）.bind（“jqplotClick”，函数（ev、SerieIndex、pointIndex、数据）{
警报（“打印标签：”+plot2.series[data.seriesIndex].Label）；
});
});

来自另一个答案。我已经试过了，而且很有效

请提供一个JSFIDdle抱歉，我不知道如何提供js fiddle。请在这里做一个工作示例，我将编辑整个代码，因为我的浏览器不支持fiddle

plot1.legend.labels[seriesIndex]