2013-04-30 2 views
0

Я хотел бы получить гистограмму с линейными клещами на Xaxis, вот код -jqPlot гистограмма с линейной шкалой

<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> 

enter image description here

Здесь, на Xaxis мы получили 2000, 2010 и 2030 все же расстояние показывается одинаково. В любом случае, я могу показать больше расстояния между 2010 и 2030 годами, так что он дает общее представление о том, что разница второго интервала больше первого. Я попытался предоставить tickInterval и numberTicks, но он ничего не меняет.

Нужно ли использовать различные средства визуализации или конфигурации?

Спасибо.

ответ

0

Я не уверен, что вы нашли решение этой проблемы. Однако есть один способ «взломать» график, чтобы проиллюстрировать различия в трех барах.

Если ваш набор данных находится в пределах «ожидаемого» диапазона, вы можете использовать атрибуты min и max для ограничения диапазона и тем самым вы можете показать истинную разницу между значениями.

Приведено пример того, как это сделать. here.

Смежные вопросы