ここでスタックオーバーフローで見つけたサンプルコードを含む棒グラフがあります。チャートのコードは次のとおりです。
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で試してみると、行なしでレンダリングされます.