我们如何在气泡图（JQPlot）中将X和Y轴移动到中心

Question

我正在尝试将气泡图X和Y轴移动到中心。我无法找到确切的配置。

目前我正在获取如下图所示的图表

我希望如下所示：

请帮帮我

Answer 1

我没有看到任何api options改变轴的位置。所以，我能想到的最好的就是使用CSS设置它。

var plot2 = $.jqplot('chart1',[arr],{
    title: 'Transparent Bubbles',
    seriesDefaults:{
        renderer: $.jqplot.BubbleRenderer,
        rendererOptions: {
            bubbleAlpha: 0.6,
            highlightAlpha: 0.8
        },
        shadow: true,
        shadowAlpha: 0.05
    },
    axes:{yaxis:{tickOptions: {showMark:false},min:-500,max:500}, //disable the ticks
          xaxis:{tickOptions: {showMark:false},min:-500,max:500}}
}); 

$('.jqplot-xaxis').css({'zIndex':10,'top':'150px','font-weight':'bold'}); // move the axis to the center of the chart
$('.jqplot-yaxis').css({'zIndex':10,'left':'300px','font-weight':'bold'});

小提琴here。

产地：

Answer 2

找到中心编号，双击y轴。在“轴选项”下的“水平轴交叉”下：“选择轴值”：并输入所需的中间点。例如，在具有0 - 5的y轴上，您将输入2.5。

对x轴做同样的事。

希望有所帮助！ ：）