указать метку серии и несколько якс вместе - PullRequest
Новая
       0

указать метку серии и несколько якс вместе

0 голосов
/ 19 декабря 2011

есть способ указать метки, когда мы используем несколько осей у 

<script class="code" type="text/javascript">
  $(document).ready(function(){
   var line1=[['11-01-11',2052], ['11-02-11',2205], ['11-03-11',1910], ['11-04-     11',2085], ['11-05-11',2261],  ['11-06-11',1714],  ['11-07-11',3123];

     var line2=[['11-01-11',2121], ['11-02-11',32323], ['11-03-11',65656], ['11-04-  11',21212], ['11-05-11',32323],  ['11-06-11',54544],  ['11-07-11',31230]];

var plot1 = $.jqplot('chart1', [line1, line2], {
title:'Margin vs Date',
axes:{
    xaxis:{
        renderer:$.jqplot.DateAxisRenderer
    },
    yaxis:{  autoscale:true},  
      y2axis:{
          autoscale:true, 
          tickOptions:{showGridline:false}
      }

},
series:[{lineWidth:4}, {yaxis:'y2axis'}]

  });
  });
  </script>

, но когда я пытаюсь указать метки для этих двух серий, ни одна из меток не отображается, 

  series:[{label: 'hello' }, {label: 'Hi'},{lineWidth:4}, {yaxis:'y2axis'}]

есть ли способ сделать это?

grap With two y axe's

1 Ответ

1 голос
/ 20 декабря 2011

В моем ответе я предполагаю, что вы имеете в виду метки осей, а не легенду таблицы.

Во-первых, ради тщательности. Ваши даты переводятся в 1911 году, что я сомневаюсь, что намерение. (Если вы делаете new Date("11-03-11") js переводит это как 1911).

Также убедитесь, что вы включили Плагины 

$.jqplot.config.enablePlugins = true;

Все вышесказанное, метки осей определяются на основе фактических свойств осей, а не свойств рядов. Итак, используя ваш код в качестве примера, у меня работает следующее: 

<script class="code" type="text/javascript">
  $(document).ready(function(){
    var line1=[['11-01-2011',2052], ['11-02-2011',2205], ['11-03-2011',1910], ['11-04-2011',2085], ['11-05-2011',2261],  ['11-06-2011',1714],  ['11-07-2011',3123]];
    var line2=[['11-01-2011',2121], ['11-02-2011',32323], ['11-03-2011',65656], ['11-04-  11',21212], ['11-05-2011',32323],  ['11-06-2011',54544],  ['11-07-2011',31230]];

    $.jqplot.config.enablePlugins = true;

    var plot1 = $.jqplot('chart1', [line1, line2], {
      title:'Margin vs Date',
      axes:{
          xaxis:{
              renderer:$.jqplot.DateAxisRenderer            
          },
          yaxis:{  
            autoscale:true,
            label: "hello"
          },  
          y2axis:{
            autoscale:true, 
            tickOptions:{showGridline:false},
            label: "Hi"
          }

      },
      series:[{lineWidth:4}, {yaxis:'y2axis'}]
    });
  });
</script>

Если вы затем захотите пойти дальше и повернуть метки, вы захотите изучить использование плагинов canvasTextRenderer и canvasAxisLabelRenderer.

...