我正在为客户工作,只需要解决由 Collabion Charts 引起的问题(我认为是由 FusionCharts 制作的)。Collabion 的 ext-all.css 文件有一些非常通用的选择器,它们使用标签名称、抓取/过滤基本 html 元素。显然,这将为页面上的所有元素设置样式,而不仅仅是与 Collabion 内容相关联的元素。如果您深入研究图表的任何 HTML,您会看到有一个 ID 为“chartPanelContainer”的容器 div。我的解决方案是修改 css 文件,使其仅过滤 ID“chartPanelContainer”中包含的上述元素。
例子:
td {
margin:0;
}
变成:
#chartPanelContainer td {
margin:0;
}
在我的环境中,可以在此处找到 css 文件:
C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\TEMPLATE\LAYOUTS\CollabionCharts\ext\resources\css\ext-all.css