1

私はjqplotを使用してグラフを描画しています。一方のグラフには、2つの線の系列がありますが、値はまったく異なり、1つは約2000、もう1つは1,000,000を超える可能性があります。

1つのチャートにうまく表示できるように2つのy軸を持つ2つの線を持つように指定するにはどうすればよいですか？

現在、下にある単なる線である1本の線を見ただけですか？私のコードは以下のようなものです

 $.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>'    
             }

          });


    }});
4

1 に答える 1

1

より多くの「y」軸を持つプロットを作成できます。ここの2番目の例http://www.jqplot.com/tests/zooming.php 自動スケールを使用しないでください。それぞれに最大値と最小値を設定してみてください。プロットが読みやすくなります。

于 2013-09-09T13:08:17.900 に答える