4

是否可以使用 jqPlot 在同一个图表中组合气泡图和折线图？

基于结合线和条 w/ jqplot的讨论，我创建了一个 jsfiddle，其中包含一个气泡图和一个条形图：http: //jsfiddle.net/85K6K/6/

我无法将条形图转换为线图。这该怎么做 ？

我尝试了（更改，删除）渲染器，但情节变得混乱

这就是我设置系列的方式：

var plot2 = $.jqplot('chart', [ p, arr], {
    series: [
        {

                    renderer: $.jqplot.BarRenderer,
                    rendererOptions: {
                        barMargin: 10
                    },
                    pointLabels: {
                        show: true,
                    }
                   //showMarker:false

        },
        {
                renderer: $.jqplot.BubbleRenderer,
                rendererOptions: {
                             bubbleAlpha: 0.6,
                             highlightAlpha: 0.8
                        },
                shadow: true,
                shadowAlpha: 0.05
        }],
    axesDefaults: {
        tickRenderer: $.jqplot.CanvasAxisTickRenderer,
    },
    axes: {
        xaxis: {
            renderer: $.jqplot.CategoryAxisRenderer
        },
        yaxis: {
            autoscale: true
        }
    }
});

我错过了什么

提前致谢 ...

4

1 回答 1

2

通过反复试验，我发现您需要将 y 轴的forceTickAt0属性设置为true。

http://jsfiddle.net/85K6K/14/

这是相关部分：

yaxis: {
    autoscale: true,
    renderer: $.jqplot.LinearAxisRenderer,
    rendererOptions: {
        forceTickAt0: true
    }
}

我认为您应该考虑提交错误。他们的数据库中还有其他 关于Y 轴因 NaN 错误而失败的问题，这似乎是相关的；但我认为您的问题值得单独发布。有了这个问题和 JSFiddle，它应该有足够好的文档供开发人员解决:)

编辑：我对您的图表数据知之甚少，无法判断它是否相关，但也许您想使用sortMergedLabelsCategoryAxisRenderer 的属性，让您的图表看起来像这样？

rendererOptions: {
    sortMergedLabels: true
}
于 2013-07-27T11:08:45.050 回答