JQPLOT--如何在一个图表中缩放 2 条具有非常不同值的线以获得良好的值

Question

我正在使用 jqplot 绘制图表，在一个图表中它将有 2 个线系系列，但值有很大不同，一个大约是 2000，另一个可能超过 1,000,000，

如何指定它有 2 条带有 2 个 Y 轴的线，并且可以在一个图表中很好地显示？

目前我只看到一行只是底部的一条普通线？ 我的代码如下所示

 $.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 > 0){
             dataOption[1] = sdList;
         }
         var seriesOption = {lineWidth:2, markerOptions:{style:'square'}};
        if(sdList.length > 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 > 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:'<table class="jqplot-highlighter"><tr><td>日期:%s</td></tr><tr><td>人气指数:%s</td></tr></table>'    
             }
          });

    }});

Answer 1

您可以创建具有更多"y"轴的绘图。这里的第二个例子 http://www.jqplot.com/tests/zooming.php不要使用自动缩放，尝试为每个值设置最大值和最小值，这将使绘图更具可读性。