Jquery 如何自定义amcharts的深度图？

我正在尝试自定义深度图amchart，但我无法理解它。它是如何工作的？如何将其设置为下面给出的图像

这是我想要定制的原始图表的链接

---

请思考回答您问题的人，您说“定制”，但这可能意味着什么，请尽可能具体，以便人们能够帮助您

这就是说，amCharts上的指南和演示相当全面，我们仍在以它们为基础，所以建议是受欢迎的，特别是如果有一些基本的东西感觉缺失的话

如果要自定义图表的颜色，可以使用CSS更改整个图表的背景，如下所示：

#chartdiv{
背景色：#121212；
}

它还显示了如果您对此感兴趣，如何禁用网格线：

axis.renderer.grid.template.disabled=true；

如果您想自定义颜色，首先要使用JavaScript为SVG（而不是CSS）着色。通常，将应用颜色的SVG的属性是它们的

fill

和

stroke

属性。虽然可以使用关键字、十六进制和rgb字符串，但在某些罕见的情况下，这可能会在状态之间设置动画的颜色上丢失。因此，如果没有问题，请尝试使用

am4core.Color

类（

am4core.Color

是生成

Color

实例的方便方法，请注意大小写的区别）

要调整打印区域的颜色，可以将

填充

指定给其第一个子项的

背景属性，例如：

chart.plotContainer.children.getIndex（0）.background.fill=am4core.color（{r:17，g:27，b:54}）.变亮（0.2）；

有关交替颜色，请参阅我们的指南

要翻转轴，只需交换x/y轴，即，我将x轴上的变量更改为
valueAxis
，y轴上的变量更改为
categoryX
（将
{categoryX}
的实例更改为
{categoryY}
和
{categoryY}
到
{valueY}
，说到这里，如果您希望自定义标签和工具提示文本，您可以了解）。这将使图表竖立起来，使其从底部->向上，左对齐。如果要将图表定位到右侧，请将x设置为
true
：

valueAxis.renderer.inversed=true；

下面是您的演示的一部分，其中包含了上述大部分内容：

请思考回答您问题的人，您说“定制”，但这可能意味着什么，请尽可能具体，以便人们能够帮助您

这就是说，amCharts上的指南和演示相当全面，我们仍在以它们为基础，所以建议是受欢迎的，特别是如果有一些基本的东西感觉缺失的话

如果要自定义图表的颜色，可以使用CSS更改整个图表的背景，如下所示：

#chartdiv{
背景色：#121212；
}

它还显示了如果您对此感兴趣，如何禁用网格线：

axis.renderer.grid.template.disabled=true；


如果您想自定义颜色，首先要使用JavaScript为SVG（而不是CSS）着色。通常，将应用颜色的SVG的属性是它们的
fill
和
stroke
属性。虽然可以使用关键字、十六进制和rgb字符串，但在某些罕见的情况下，这可能会在状态之间设置动画的颜色上丢失。因此，如果没有问题，请尝试使用
am4core.Color
类（
am4core.Color
是生成
Color
实例的方便方法，请注意大小写的区别）

要调整打印区域的颜色，可以将
填充
指定给其第一个子项的
背景属性，例如：

chart.plotContainer.children.getIndex（0）.background.fill=am4core.color（{r:17，g:27，b:54}）.变亮（0.2）；

有关交替颜色，请参阅我们的指南

要翻转轴，只需交换x/y轴，即，我将x轴上的变量更改为
valueAxis
，y轴上的变量更改为
categoryX
（将
{categoryX}
的实例更改为
{categoryY}
和
{categoryY}
到
{valueY}
，说到这里，如果您希望自定义标签和工具提示文本，您可以了解）。这将使图表竖立起来，使其从底部->向上，左对齐。如果要将图表定位到右侧，请将x设置为
true
：

valueAxis.renderer.inversed=true；

下面是您的演示的一部分，其中包含了上述大部分内容：

您能否提供更多信息，了解您想要实现的目标？可能是一些代码，您正在处理，需要帮助。Samuel先生，我只需要上图中的这个图，如图所示。我只是想自定义它，我不知道如何自定义它。谢谢，请提供一些代码，例如，代码笔，因为在不知道你们实际拥有什么的情况下帮助你们是非常困难的。谢谢，现在问题解决了ishttps://codepen.io/team/amcharts/pen/9801ece19a15b7f3c72c5b6af501bcb9Can 你提供了更多的信息，你想要实现什么？Samuel先生，我只需要上图中的这个图，如图所示。我只是想自定义它，我不知道如何自定义它。谢谢，请提供一些代码，例如代码笔，因为在不知道是什么的情况下很难帮助您