1

jqplot グラフ作成ライブラリを使用して、アプリケーションで棒グラフを描画しています。次のコードを使用して、横棒グラフを描画しました。

   var plot = $.jqplot('chart', [dataSlices], {
                seriesDefaults: {
                    shadow: false,
                    renderer: $.jqplot.BarRenderer,
                    pointLabels: { show: true, location: 'e', edgeTolerance: -55 },
                    rendererOptions: {
                        barDirection: 'horizontal',
                        barMargin: 5,
                        highlightMouseOver: false,
                        fillToZero: true
                    }
                },
                axesDefaults: {

                },
                axes: {
                    grid: {
                        drawBorder: false
                    },
                    xaxis: {
                        pad: 0,
                        tickOptions: {
                            show: true,
                            mark: 'cross',
                            thousandsSeparator: ',',
                            formatString: "%d"
                        },
                        numberTicks: null,
                        min: null,
                        max: null,
                        showTickMarks: true
                    },
                    yaxis: {
                        renderer: $.jqplot.CategoryAxisRenderer,
                        ticks: yAxisLabels,
                        tickOptions: {
                            showMark: false,
                            showGridline: false
                        }
                    }
                },
                grid: {
                    gridLineColor: '#ffffff', /**/
                    borderColor: '#509790',
                    background: 'rgba(0,0,0,0)',
                    shadowWidth: 0,
                    borderWidth: 0,
                    shadow: false
                },
                series: [{ color: '#f39f02' }]
            });

            $.jqplot.thousandsSeparator = ',';
            //$.jqplot.formatString = "%'d";
            gridCanvas = $($('.jqplot-grid-canvas')[0])
            seriesCanvas = $($('.jqplot-series-canvas')[0])
            gridCanvas.detach();
            seriesCanvas.after(gridCanvas);
           plot.replot({ resetAxes: true });

グリッド線のないチャートを取得しています。これを行う方法はありますか？

4

2 に答える 2

0

再プロット後に次の行を呼び出すと、期待される結果が得られます

                gridCanvas = $($(item + ' .jqplot-grid-canvas')[0])
                seriesCanvas = $($(item + ' .jqplot-series-canvas')[0])
                gridCanvas.detach();
                seriesCanvas.after(gridCanvas);

私は私のためにうまく働いてみました。

于 2013-11-20T06:00:03.657 に答える