与jqplot的条形图上的不需要的线

时间:2013-09-10 15:28:41

标签: javascript jquery charts jqplot

我有一个条形图,其中包含我在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中尝试它时,它会在没有线条的情况下渲染。

enter image description here

1 个答案:

答案 0 :(得分:1)

由于您已经包含了所有jqplot插件,因此您已经包含了Trendline插件。设置$.jqplot.config.enablePlugins = true;时,它会将趋势线设置为默认显示。您必须将show明确设置为false。

seriesDefaults块中,添加:

trendline: {
  show: false
}