javascript - 所有数据点未显示在堆积条形图中

Question

大家好，我正在将以下数据输入 c3 堆积条形图。

["x","Mar 2017","Apr 2017","May 2017","Jun 2017","Jul 2017","Aug 2017","Sep 2017","Oct 2017","Nov 2017","Dec 2017","Jan 2018","Feb 2018"],
["product0","4","-4","12","-20","44","-84","172","-340","684","-1364","2732","-5460"],
["product1","10","15","20","25","30","40","40","70","50","160","65","475"],
["product2","6","10","14","18","22","26","30","34","38","42","46","50"]

如您所见，数字范围从 -5460 到 2732。通过上述数据，我没有获得工具提示中数字较小的列的所有数据点。例如，第一列分别包含产品 0、产品 1 和产品 2 的值 4、10、6。当我将鼠标悬停在工具提示中第一列的图表上时，仅出现 10 和 6，但不出现 4。

我的工具提示设置如下

 tooltip: {             
            grouped: false,
            format: d3.format('.2f')
        },

如果设置 grouped: true 那么一切正常。但我不想分组，因为如果数据很多，它看起来不太好。我需要启用任何设置才能解决此问题吗？这是 fiddle 供您尝试http://jsfiddle.net/z7muypnh/2/

Answer 1

数据太小看不清。您想将范围(-5500,3000)内的条形绘制成条形图，默认高度为400px。如果您想查看小数据，可以更改y轴高度或在工具提示中对数据进行分组。我选择最后一个。参见 jsfiddle .

 tooltip: {             
    grouped: true,
    format: d3.format('.2f')
 }

如果不想设置tooltip分组，只能设置下面的y轴高度，见jsfiddle :

 size:{
    height:(3000- -5000)
 }