Question

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

根据combined line and bar w/ jqplot中的讨论，我创建了一个jsfiddle，其中包含一个buble-plot和一个条形图：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
        }
    }
});

我缺少什么

提前致谢...

Answer 1

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

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

以下是相关部分：

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

我认为你应该consider filing a bug。在他们的数据库中有other issues打开关于Y轴失败的NaN错误，这似乎是相关的;但我认为你的问题值得自己发布。有了这个问题和JSFiddle，它应该有足够的文档供开发人员解决：）

编辑：我对图表数据的了解不足以判断它是否相关，但是您可能想要使用CategoryAxisRenderer的sortMergedLabels属性来使图表看起来like this？

rendererOptions: {
    sortMergedLabels: true
}

jqPlot结合了气泡图和线图

1 个答案: