svg 内联图表路径样式不起作用答案

【问题标题】：svg inline chart path style not workingsvg 内联图表路径样式不起作用
【发布时间】：2015-09-27 08:25:48
【问题描述】：

我制作了一个fiddle，显示某个样式代码块确实可以将图表“路径”线从纯黑色填充更改为无填充钢蓝色。样式正在生效。请注意，此示例直接取自 Fabio Nelli 所著的“Beginning JavaScript Charts”一书的第 20 章，您可以在网上找到该书。这本书说要添加这段代码才能看到样式生效：

<style>
    path {
        stroke: steelblue;
        stroke-width: 3;
        fill: none;
    }
    line {
        stroke: black;
    }
</style>

如果我在 head 部分的标签中添加代码（如清单 19-1 中所建议的那样），它不起作用，而它在 fiddle 中起作用，所以大概代码必须在 CSS 文件中让它工作？在 Chrome 和 IE 中进行了测试。也许我做错了一些语法小事，或者书错了，但我没有看到。

【问题讨论】：

图表标记是什么样的？如果图表中的路径和线条元素具有更高特异性的 CSS，则不会被覆盖。
“它不起作用” — 这不是对问题的有用描述。你是说没有应用 CSS 样式，还是什么也没出现？

标签： javascript css svg path

【解决方案1】：

经过多次调整后，问题是我在样式元素中有一条评论，它的 css 格式不正确，并且破坏了样式功能。

这在上面也没有在小提琴中显示，所以难怪没人能帮忙。

该错误来自直接从《Beginning JavaScript Charts》一书第 19 章清单 19-1 中复制而来，其中包含此 sn-p：

<style>
// CSS Style here
</style>

【讨论】：