Javascript 所有数据点不';不显示在堆叠条形图中
大家好,我正在将以下数据输入c3堆叠条形图Javascript 所有数据点不';不显示在堆叠条形图中,javascript,c3.js,Javascript,C3.js,大家好,我正在将以下数据输入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"], ["
["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。
有了以上数据,我无法在工具提示中获得数字较小的列的所有数据点。例如,第一列分别包含product0、product1和product2的值4、10、6。当我将鼠标悬停在工具提示中第一列的图表上时,只会出现10和6,而不会出现4
我的工具提示设置如下所示
tooltip: {
grouped: false,
format: d3.format('.2f')
},
如果设置为:true,则一切正常。但我不想分组,因为如果有很多数据,分组就不好看。是否需要启用任何设置才能修复此问题?这是供您试用的小提琴数据太小,无法查看。您希望将范围(-55003000)内的条形图绘制到高度默认为400px的条形图中。如果您希望查看小数据,可以在工具提示中更改y轴高度或组数据。我选择最后一个。请参见 如果不想设置分组的工具提示,则只能在下面设置y轴高度,请参见:
您的解决方案确实有效,但酒吧的高度看起来不像样
tooltip: {
grouped: true,
format: d3.format('.2f')
}
size:{
height:(3000- -5000)
}