我正在玩 Chartist.js,只是想知道您是否可以帮我为 SVG 应用一些样式。这是我的代码如下:
jQuery:
new Chartist.Line('.ct-chart', {
labels: [1, 2, 3, 4, 5, 6, 7, 8],
series: [
[5, 9, 7, 8, 5, 3, 5, 4]
]
}, {
low: 0,
showArea: true
});
HTML:
<div class="ct-chart ct-perfect-fourth"></div>
CSS:
.ct-chart .ct-series.ct-series-a .ct-area { fill: orange; }
.ct-chart .ct-series.ct-series-a .ct-line { stroke: orange; }
.ct-chart .ct-series.ct-series-a .ct-point { stroke: orange; }
body { background: #203135; }
我只是想模拟他们在我在 dribbble 上发现的这个令人敬畏的设计中所拥有的东西,其中每个数据点都有一个较暗阴影/与背景类似的阴影的轮廓。我曾尝试在 CSS 中使用轮廓,但它会在数据点周围产生一个黑色正方形(或我选择的任何颜色),我不知道如何让它四舍五入
最后,这是我在 jsFiddle 中已有的内容 - http://jsfiddle.net/andyjh07/gLnkwLj0/