1

私はかなり長い間、次のことに苦労してきました.誰かが私を助けてくれることを願っています.

私がやろうとしていること: jqplot を使用して、水平積み上げ棒グラフと折れ線グラフを組み合わせようとしています。積み上げ棒グラフには 5 つの値が含まれている必要があります。折れ線グラフは積み上げ棒グラフを横切る必要があります。

これまでに思いついたこと: 水平積み上げ棒グラフを作成することができ、線は必要に応じて交差しています。

問題: 積み上げ棒グラフに 3 つのブロック (値: 1、4、および 16) が表示されるようになりました。5 つのブロック (値: 1、2、4、8、16) が表示されるはずです。

私が使用したコード： 

<script type="text/javascript">

    $(document).ready(function() {
        var x1 = [[1,1]];
        var x2 = [[2,1]];
        var x3 = [[4,1]];
        var x4 = [[8,1]];
        var x5 = [[16,1]];
        var x6 = [[1,0.5],[1,1.5]];

        var plot2 = $.jqplot('thema1chart', [x1, x2, x3, x4, x5, x6], {
            stackSeries: true,
            seriesDefaults: {
                renderer: $.jqplot.BarRenderer,
                rendererOptions: {
                    barDirection: 'horizontal'
                },
                pointLabels: {
                    show: false,
                    stackedValue: true
                }
            },
            series: [{shadow: false, color:'#666666'},
            {shadow: false, color:'#FFFFFF'},{shadow: false, color:'#b4d2dd'},{shadow: false, color:'#FFFFFF'},{shadow: false, color:'#666666'},
                     { 
                     shadow: false,
                         disableStack : true,//otherwise it wil be added to values of previous series
                renderer: $.jqplot.LineRenderer,
                lineWidth: 2,
                label:'Benchmark',
                color:'#666666',
                showLine:false, 
                pointLabels: {
                    show: false
                },
                markerOptions: {
                    size: 7, style:"plus" 
                }}],
            axes: {
                xaxis: {
                    renderer: $.jqplot.CategoryAxisRenderer
                }
                ,
                yaxis: {
                    autoscale: true
                }
            }
        });
    });
    </script>

あなたが提供できるどんな助けにも感謝します!

4

1 に答える 1

0

CategoryAxisRendererをyaxis（xaxisではなく）に適用する必要があります：

yaxis: {
   renderer: $.jqplot.CategoryAxisRenderer
}

こちらの実例をご覧ください

編集： xaxisをバインドする場合は、xaxis：{min：0}をaxesオプションに追加します

于 2013-03-18T10:28:19.420 に答える