Question

我正在尝试使用jqplot库实现水平条形图。在我的例子中，图表的某些条形图可能显示非常高峰，例如，如果我的图形的3条形图的数据值为150（最大值），则加标条形图的数据值可能为1000.

为了满足这个要求，我浏览了jqplot的文档，发现他们有一些叫做“断点”的东西来打破某个特定位置的轴。 http://www.jqplot.com/docs/files/jqplot-linearAxisRenderer-js.html#$.jqplot.LinearAxisRenderer.breakPoints

现在假设我的系列数据如下所示： [100,150,50,250,1200,100]

在上述情况下，如何确保jqplot在250之后插入断点并继续轴在1200处滴答？

[编辑]好的，所以在使用下面的代码之后我能够让断点工作： chart.axes.xaxis.breakPoints = [10100]; chart.replot（）; （我也经历了jqplot源代码，发现要使断点工作，我们需要手动设置滴答，我做了）

但我原来的问题仍然存在！假设我的系列看起来像 [100,200,300,20000] 在这种情况下，即使我使用断点，与第4个杆（20000重量）相比，我的3个重量相当小的杆看起来非常小这使得图表不可读。有人可以建议一个出路吗？

Answer 1

“如何实现断点”：如上所述的数据重新映射，不是使用断点的正确方法：

chart.axes.xaxis.breakPoints=[10,100]; chart.replot();

Hava看看那段代码，我解决了断点问题：拥有我的条形图的所有数据值＆lt; 200个一个条形值> 850我想设置250到850之间的断点。

这就是如何做到这一点：

      axes: {
            xaxis: {
                renderer: $.jqplot.CategoryAxisRenderer,
                ticks: ticks
            },
    yaxis: {
        ticks: [0,50,100,150,200,250,275,825,850,900,950],
        tickOptions: {
        formatString: '%.0d'
        },
        renderer: $.jqplot.LinearAxisRenderer,
        rendererOptions: {
            breakPoints: [275,825],
            breakTickLabel: "&asymp;",
            forceTickAt0: true
                     }
        }

重要提示：

使用LinearAxisRenderer。
在数组中手动添加刻度。
使用rendererOptions设置断点。
带有刻度的数组，HAS TO TOTAIN值，您想在rendererOptions中设置断点。

此致的Matthias

P.S。：我也有图片的图片，但是在我获得10个声誉之前你不允许我发布图片。

JQPLOT - 如何使用断点

1 个答案: