javascript - svg 内联图表路径样式不起作用

Question

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

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

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

Answer 1

经过大量调整后，问题是我在样式元素中有一条注释，该注释格式不正确，破坏了样式功能。

这在上面和 fiddle 中都没有显示，所以难怪没人能提供帮助。

该错误来自直接从“开始 JavaScript 图表”一书中复制，第 19 章， list 19-1，其中包含以下片段:

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