jqPlot结合了气泡图和线图

2019年8月4日 208次阅读

是否可以使用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
        }
    }
});

我错过了什么

提前致谢 …

最佳答案 通过反复试验,我发现你需要为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
}
点赞