堆积的条形图被一个值淹没

Question

我将JQuery Flot与堆叠插件配合使用，以创建随时间推移从许多不同来源获得的堆叠收入条形图。 我遇到的问题是，有一个时间点，一个来源获得的收入比整个图表中的任何其他来源都大几个数量级。

最终结果是该值控制了图形，将其他所有条形图缩小到无法使用的高度。 我可以在图形上设置最大高度，但是这样一来，您将无法可视化未完成的值。

数据可视化是否有最佳实践来解决这种情况？ 一些flot选项/插件可以帮助吗？ 还是图书馆比flot更好地处理这种情况？

Answer 1

我不确定金融图，但是在科学图中，为了强调接近0的数据，经常使用对数比例轴。 与每个等距刻度线表示一个+N的线性比例轴不同，在对数比例尺轴上的每个等距刻度线表示一个数量级的增加。 最简单的情况是轴呈0.1、1、10、100、1000等的指数增长0.1, 1, 10, 100, 1000, etc...

例如，以下是带有线性和对数比例缩放轴的同一条形图：

这是我用来生成此代码的flot代码（ 此处为小提琴）：

$(function() {

    var series = {data: [[0, 0.1], [1, 1], [2, 10], [3, 100000]],
                  lines: {show: false},
                  bars: {show: true}}

    $.plot("#linear", [ series ]);

    $.plot("#log", [ series ], {
        yaxis: {
            min: 0.1,
            max: 150000,
            ticks: [[0.1,"0.1"], 1, 10, 100, 1000, 10000],
            transform: function (v) { 
                return (v == 0) ? Math.log(0.0001) : Math.log(v); 
            },
            inverseTransform: function (v) {
                return Math.exp(v);
            }            
        }
    });
});