plot - jqPlot 结合气泡图和线图

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

根据 combined line and bar 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
        }
    }
});

我错过了什么

提前致谢 ...

最佳答案

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

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

这是相关部分:

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

我认为你应该 consider filing a bug 。他们的数据库中有 other issues open 关于 Y 轴失败并出现 NaN 错误，这似乎是相关的；但我认为您的问题值得单独发布。有了这个问题和 JSFiddle，开发人员应该有足够的文档来解决:)

编辑 :我对你的图表数据了解得不够多，无法判断它是否相关，但也许你想使用 CategoryAxisRenderer 的 sortMergedLabels 属性，让你的图表看起来像 like this ？

rendererOptions: {
    sortMergedLabels: true
}

关于plot - jqPlot 结合气泡图和线图，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14014719/