jqplot网格线与数据

时间:2016-10-21 03:28:20

标签: jquery charts rendering jqplot

嗨我在我的图表中使用了CategoryAxisRenderer用于x轴x未显示数据的网格线将在数据后显示我在a,12.0,b,15.0,c,18.0 x-gridline中添加图片在标记点显示

enter image description here

我的代码在

之下
     <div id="wind_cha" style="width:670px; height:350px;"></div>
<script>
      $.jqplot ('wind_cha', [[12,15,18]],
          {
           title: 'chart example',
           axesDefaults: {
                          labelRenderer: $.jqplot.CanvasAxisLabelRenderer
                          },
           seriesDefaults: {
                            showMarker:true,
                            pointLabels: { show:true }
                           },
                 axes: {
                        xaxis: {
                                label: 'x label',
                               renderer: $.jqplot.CategoryAxisRenderer,
                               rendererOptions:{sortMergedLabels:true},
                               ticks : ['a', 'b', 'c'],
                               pad:2
                             },
                         yaxis: {
                                 label: 'test',
                                 ticks : ['0','5','10','15','20','25','30','35'],
                               tickOptions:{
                                           formatString: '%#.2f'
                                            }                             
                                         }
                                    }
                                });
              </script>

请指导我绘制关于数据的x-gridline

0 个答案:

没有答案