jquery - 带有线性刻度的 jqPlot 条形图

Question

我想在 xaxis 上获得带有线性刻度的条形图，这里的代码 -

<script class="code" type="text/javascript">$(document).ready(function(){
       var years =  ['2000', '2010', '2030']
       var chartData =  [8140221, 8402213, 8544930]    
       $.jqplot.config.enablePlugins = true;
                     var plot2 = $.jqplot('chart0', [chartData], {
                        title: 'Some Plot',
                         seriesDefaults:{
                             renderer: $.jqplot.BarRenderer,
                             rendererOptions: {
                                barPadding: 1,
                                barMargin: 15,
                                barDirection: 'vertical',
                                barWidth: 50
                            }, 
                            pointLabels: { show: true }
                        },
                        axes: {
                            xaxis: {                            
                                    renderer:  $.jqplot.CategoryAxisRenderer,
                                    ticks: axisDates
                            },
                            yaxis: {
                                tickOptions: {
                                    formatString: '%d'
                                }
                            }
                        },
                        highlighter: {
                            sizeAdjust: 7.5
                        },
                        cursor: {
                            show: true
                        }
                    });

            });</script>

在这里，在 xaxis 上，我们得到了 2000、2010 和 2030，但距离仍然显示为相同。无论如何，我是否可以显示 2010 年和 2030 年之间的更多距离，以便大致了解第二个间隔的差异大于第一个间隔。我尝试提供 tickInterval 和 numberTicks 但它似乎没有改变任何东西。

我需要使用不同的渲染器或配置吗？

谢谢。

Answer 1

我不确定您是否找到了解决此问题的方法——但是，有一种方法可以“破解”图表来说明三个条形图的差异。

如果您的数据集在“预期”范围内，您可以使用min和max属性来限制范围，这样做可以显示值之间的真实差异。

此处提供了如何执行此操作的示例。