我有一个条形图,其中包含我在stackoverflow上找到的一些示例代码。以下是图表的代码:
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组合成一个文件。
<script src="jquery-1.9.1.js"></script>
<script src="combined.js"></script>
出于某种原因,我正在通过我的图表获得一条线,但我无法弄清楚原因。我在代码中找不到任何明显的东西,当我在jsfiddle中尝试它时,它会在没有线条的情况下渲染。
答案 0 :(得分:1)
由于您已经包含了所有jqplot插件,因此您已经包含了Trendline插件。设置$.jqplot.config.enablePlugins = true;
时,它会将趋势线设置为默认显示。您必须将show明确设置为false。
在seriesDefaults
块中,添加:
trendline: {
show: false
}