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

时间:2015-07-09 06:07:24

标签: javascript css svg path

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

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

如果我在head部分的标签中添加代码(如清单19-1中的书中所示),它不起作用,而它在小提琴中工作,所以假设代码必须在CSS文件中它的工作?在Chrome&amp ;;中测试过它IE浏览器。也许有一些小的语法我做错了,或者说这本书是错的,但是我没有看到它。

1 个答案:

答案 0 :(得分:0)

经过多次调整后,问题是我在样式元素中有一个注释,这个注释是css的格式错误,并且打破了样式功能。

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

该错误来自直接从“开始JavaScript图表”,第19章,清单19-1中复制,其中包含以下代码段:

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