Javascript dojox图表的自定义主题
我正在加载一个网络地图ID,在功能层弹出窗口中有两个图表。 我想用一些简单的方法更改图表主题,如:Javascript dojox图表的自定义主题,javascript,web-applications,dojo,arcgis-js-api,dojox.charting,Javascript,Web Applications,Dojo,Arcgis Js Api,Dojox.charting,我正在加载一个网络地图ID,在功能层弹出窗口中有两个图表。 我想用一些简单的方法更改图表主题,如: colors: ["#00ff78", "#7f0043", "#8ecfb0", "#f8acac", "#cc4482"] colors: ["#57808f", "#506885", "#4f7878", "#558f7f", "#508567"] 我可以在我的.html中编码吗? 我的web应用程序在上可用。 谢谢你,Michelle。你可以使用下面的CSS,它将覆盖用于你的图表(SV
colors: ["#00ff78", "#7f0043", "#8ecfb0", "#f8acac", "#cc4482"]
colors: ["#57808f", "#506885", "#4f7878", "#558f7f", "#508567"]
我可以在我的.html中编码吗?
我的web应用程序在上可用。
谢谢你,Michelle。你可以使用下面的CSS,它将覆盖用于你的图表(SVG)元素的内联样式 选择器说,选择svg组的死者的子x并更改其填充颜色 我建议您为图表分配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;
}
Hi@GibboK,看起来CSS强制所有图表使用相同的颜色。图表不再具有唯一的图表主题,它们是相同的。@Michelle您好,您可以通过限制CSS选择器的范围来解决此问题。例如,您可以为每个图表分配一个ID并在CSS中引用它,在这种情况下,您可以完全控制在哪里应用什么颜色。不幸的是,我在你们的例子中找不到具体的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;
}