1

ここでスタックオーバーフローで見つけたサンプルコードを含む棒グラフがあります。チャートのコードは次のとおりです。

var axisDates = ["Jan 19", "Jan 20", "Jan 21"]
var chartData = [2.61, 5.00, 6.00]

$.jqplot.config.enablePlugins = true;
var plot2 = $.jqplot('SubScoresGraph', [chartData], {
    title: 'Some Plot',
    seriesDefaults: {
        renderer: $.jqplot.BarRenderer,
        rendererOptions: {
            barPadding: 1,
            barMargin: 15,
            barDirection: 'vertical',
            barWidth: 50
        },
        pointLabels: { show: true }
    },
    axes: {
        xaxis: {
            renderer: $.jqplot.CategoryAxisRenderer,
            ticks: axisDates
        },
        yaxis: {
            tickOptions: {
                formatString: '$%.2f'
            }
        }
    },
    highlighter: {
        sizeAdjust: 7.5
    },
    cursor: {
        show: true
    }
});

私のページには、jquery 1.9.1 と最新バージョンの jqplot が含まれています。すべてのプラグイン ファイルに jqplot の後にコードが続く .js ファイルがあります。したがって、基本的には、すべての jqplot JavaScript が 1 つのファイルにまとめられています。

<script src="jquery-1.9.1.js"></script>
<script src="combined.js"></script>

しかし、何らかの理由でチャートに線が引かれているのですが、その理由がわかりません。私のコードには明らかなものが見つかりませんでした.jsfiddleで試してみると、行なしでレンダリングされます.

ここに画像の説明を入力

4

1 に答える 1