【问题讨论】：
标签： jquery html css twitter-bootstrap amcharts
请考虑回答您问题的人，您说“自定义”，但这可能意味着任何事情，请尽可能具体，以便人们可以帮助您。
也就是说，amCharts 上的指南和演示相当全面，我们仍在不断完善它们，因此欢迎提出建议，尤其是如果感觉缺少必要的东西。
如果您希望自定义图表的颜色，您可以使用 CSS 更改整个图表的背景，就像在 demo 中所做的那样：
#chartdiv {
background-color:#121212;
}
如果您对此感兴趣，它还显示了如何禁用网格线：
axis.renderer.grid.template.disabled = true;
如果您想自定义颜色，请首先使用refer to our guide on colors，因为您将使用 JavaScript 而非 CSS 来为 SVG 着色。通常用于应用颜色的 SVG 的属性是它们的 fill 和 stroke 属性。虽然您可以使用关键字、十六进制和 rgb 字符串，但在极少数情况下，这可能会丢失状态之间的动画颜色。所以如果没问题的话，尝试使用am4core.Color类（am4core.color是生成Color实例的便捷方法，请注意大小写的区别）。
要调整绘图区域there is a default plotContainer property on XYCharts 的颜色，您可以将fill 分配给其第一个孩子的background 属性，例如：
chart.plotContainer.children.getIndex(0).background.fill = am4core.color({ r: 17, g: 27, b: 54 }).brighten(0.2);
对于交替颜色，请参阅我们的指南"Alternating axis fills"。
要翻转轴，只需交换 x/y 轴，即代替您链接到的原始演示中的变量 xAxis 和 yAxis，我已将它们更改为 x 轴上的 valueAxis 和y 轴上的categoryAxis（将{categoryX} 的实例更改为{categoryY} 和{valueX} 到{valueY}，如果您想自定义标签和工具提示的文本，可以了解formatting strings in v4 )。这将使图表竖起，因此它是从下到上的，左对齐。如果您希望图表锚定在右侧，请将 x axis renderer's inversed property 设置为 true：
valueAxis.renderer.inversed = true;
这是你的演示的一个分支，上面结合了大部分内容：
https://codepen.io/team/amcharts/pen/9801ece19a15b7f3c72c5b6af501bcb9
【讨论】：