使用 d3-x3d 框架开发以整数作为 x 轴和 z 轴坐标值的 3d 条形图时,Z 轴标签不正确

问题描述

我正在尝试使用 d3-x3d 框架开发 3d 条形图,基本上是将热图转换为 3d 图表,其中代表热图单元格的不同颜色不是代表该值的坐标上的条形高度。坐标或 x 和 z 轴值是给定范围内的整数值。在尝试绘制它时,我在 z 轴上正确获取标签,但在 x 轴上,中间似乎只有一个标签值,它是一个黑色方块,所有数据似乎都被挤压在那个 x 中-axis 值给我一个平面切片而不是一个完整的图形。当我尝试反转轴值时,我得到了一个完整的图表,但 x 轴标签变得很奇怪,例如 (1,5,2,3,4,6,...,18,29,20) 和似乎没有占用全部可用空间,但两端都留有一些额外空间或填充。

我已将数据转换为正确的 json 格式,该格式需要类似于 github 文档中提到的这种格式:-

[
    {
        key: "UK",values: [
            { key: "Apples",value: 9 },{ key: "Oranges",value: 3 },{ key: "Pears",value: 5 },{ key: "Bananas",value: 7 }
        ]
    },{
        key: "France",value: 4 },value: 6 },value: 2 }
        ]
    }
]

国家和水果值是按升序排序的整数,我也尝试将整数用作字符串,但得到了相同的结果。关于可能导致问题的原因或有关如何自定义属性的任何好的教程有任何想法吗?

由于它是工作属性,我无法添加完整代码或图形屏幕截图。这是具有该框架的 github 页面链接 - https://github.com/jamesleesaunders/d3-x3d

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)