jQuery c3图表显示块而不是行

Question

当我使用c3.js作为d3.v3.min.js的图表时，它会显示带有阴影块的图表，如此图像

我只想要没有黑色区域的简单线条。喜欢这个。

我该怎么办？请

已更新

这是我的HTML代码

var vm = new Vue({
  el: "#root",
  data: {
    text: ""
  },
  watch: {
    text: function() {
      Vue.nextTick(function() {
        document.getElementById("square").setAttribute("style","width:"+ document.getElementById("container").offsetHeight + 'px')
      })
    }
}
})

setTimeout(function() {
  vm.text = "this is  some text<br>and some more"
}, 3000)

Answer 1

如前所述comments，只需将GetAttributeValue设为fill：

none

或者：

path {
     fill: none;
 }

在这里，我使用类.c3-shape { fill: none; } 只是为了更具体，因为轴也是一条路径。

以下是演示：

＆＃13;

＆＃13;

c3-shape

＆＃13;

.c3-shape {
    fill: none;
}

.c3-axis path, .c3-axis line{
    fill: none;
    stroke: black;
    shape-rendering: crispEdges;
}

＆＃13;

＆＃13;

＆＃13;