dojox 图表的自定义主题答案

【问题标题】：Custom themes for dojox chartingdojox 图表的自定义主题
【发布时间】：2017-03-18 23:21:19
【问题描述】：

我正在加载一个 webmap ID，并且我在 feature_layer 弹出窗口中有 2 个图表。我想用一些简单的东西来改变图表主题：

colors: ["#00ff78", "#7f0043", "#8ecfb0", "#f8acac", "#cc4482"] 
colors: ["#57808f", "#506885", "#4f7878", "#558f7f", "#508567"]

我可以在我的 .html 中编码吗？我的网络应用程序在JS Bin 上可用。谢谢你，米歇尔。

【问题讨论】：

标签： javascript web-applications dojo arcgis-js-api dojox.charting

【解决方案1】：

您可以使用以下 CSS 来覆盖图表 (SVG) 元素的内联样式。

选择器说，选择一个 svg 组的死者的子 x 并更改其填充颜色。

http://jsbin.com/lapefab/edit?html,css,output

g > path:nth-of-type(1){
  fill: #FAEBD7;
}

g > path:nth-of-type(2){
  fill: #8A2BE2;
}

g > path:nth-of-type(3){
  fill: #7FFF00;
}

我建议为您的图表分配 ID，以便您可以完全控制应用样式的位置和方式。示例：

 #yourChart > path:nth-of-type(1){
      fill: #FAEBD7;
    }

 #yourChart > path:nth-of-type(2){
      fill: #8A2BE2;
 }

 #yourChart > path:nth-of-type(3){
      fill: #7FFF00;
 }

【讨论】：

嗨@GibboK，似乎这个CSS强制所有图表使用相同的颜色。这些图表不再有独特的图表主题，它们是相同的。
@Michelle 您好，您可以通过限制 CSS 选择器的范围来解决此问题。例如，您可以为每个图表分配一个 ID 并在 CSS 中引用它，在这种情况下，您可以完全控制在哪里应用什么颜色。不幸的是，我在您的示例中找不到特定的 ID，所以我只是在我的回答（新编辑）中简要提及。