title: jqplot--how to have 2 lines with very different values to scale for good values in one chart?
body: <p>i'm using jqplot to draw charts, in one chart it will have 2 line series, but the values are quite different, one is about 2000, and the other might be more than 1,000,000,</p>
  
  <p>how can i specify it to have 2 lines with 2 y axis in a way that can be displayed in one chart fine?</p>
  
  <p>currently i just saw one line that's just a plain line in the bottom? my codes are something like below</p>
  
  <pre><code> $.ajax({url: myurl,
       success:function(json){
  
          $.jqplot.config.enablePlugins = true;
  
           var data = eval(json);
           var ssList = data[0];
  
           var sdList = data[1];
  
  
           var dataOption  = [ssList];
           if(sdList.length &gt; 0){
               dataOption[1] = sdList;
           }
  
           var seriesOption = {lineWidth:2, markerOptions:{style:'square'}};
          if(sdList.length &gt; 0){
              seriesOption[1] = {renderer:$.jqplot.OHLCRenderer, rendererOptions:{candleStick:true}};
          }
  
          var axisOption ={};
          axisOption.xaxis = {
                    renderer:$.jqplot.DateAxisRenderer,
                       tickOptions:{formatString:'%Y-%m-%d'}
                      };
          axisOption.yaxis = {autoscale:true,label: "time"};
          if(sdList.length &gt; 0){
              axisOption.y2axis = {autoscale:true,label: "index"};
          }
  
  
  
           var plot2 = $.jqplot('chart2', dataOption, {
                title:'水木社区股票版人气指数',
                axes:axisOption,
                series:seriesOption,
               highlighter:{
                  showMarker:false,
                  tooltipAxes: 'xy',
                  yvalues: 1,
                  formatString:'&lt;table class="jqplot-highlighter"&gt;&lt;tr&gt;&lt;td&gt;日期:%s&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;人气指数:%s&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;'    
               }
  
            });
  
  
      }});
  </code></pre>