javascript - 追加の y 軸を表示し、JqPlot で線シリーズをそれにバインドする必要がある方法

Question

JavaScript を使用して Windows ストア アプリを開発しています。グラフの 1 つで、2 つの y 軸を表示する必要があり、4 つのシリーズ (2 つのバー) があります。 -系列と 2 つの線系列)棒系列は左側の y 軸にバインドする必要があり、線系列は右側の y 軸にバインドする必要があります。

ご参考までに

私が必要とするように、サンプルコードは大歓迎です

Answer 1

Yaxis2を使用する方法の例を次に示しますJqPlot。 JsFiddle リンク

$.jqplot.config.enablePlugins = true;
var chartData = [["19-Jan-2012", 2.61], ["20-Jan-2012", 5.00], ["21-Jan-2012", 6.00]];
var chartData1 = [["19-Jan-2012", 20], ["20-Jan-2012", 30], ["21-Jan-2012", 50]];

function PlotChart(chartData, extraDays) {

    var plot2 = $.jqplot('chart1', [chartData,chartData1], {
        title: 'Mouse Cursor Tracking',
        seriesDefaults: {

            pointLabels: {
                show: true
            }
        },
        series:[
            {
                yaxis:'yaxis'   
            },
            {
                yaxis:'y2axis'   
            }
            ],
        axes: {
            xaxis: {
                pad: 1,
                // a factor multiplied by the data range on the axis to give the            
                renderer: $.jqplot.CategoryAxisRenderer,
                // renderer to use to draw the axis,     
                tickOptions: {
                    formatString: '%b %#d',
                    formatter: $.jqplot.DateTickFormatter
                }
            },
            yaxis: {
                tickOptions: {
                    formatString: '$%.2f'
                }
            },
            y2axis: {
                tickOptions: {
                    formatString: '$%.2f'
                }
            }
        },
        highlighter: {
            sizeAdjust: 7.5
        },
        cursor: {
            show: true
        }
    });
}

PlotChart(chartData, 3);