1

我有一个条形图，上面有我在 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 中尝试它时，它会在没有线条的情况下呈现。

在此处输入图像描述

4

1 回答 1

1

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

在您的seriesDefaults块内，添加：

trendline: {
  show: false
}
于 2013-09-10T18:35:41.993 回答