如何只对 c3.js 中的某个 y 值显示 x 网格线？

Question

如何使名为 "Today" 的 x-网格线 仅显示给某些 y 值（例如 从 y =0 到 y=25）

    grid: {

    x: {
        lines: [
            {value: 4, text: 'Today',position: 'start'},
            {value: 12}

        ]
    },

Fiddle: https://jsfiddle.net/KrisKuliv/74fkuyw4/1/

Answer 1

C3.js 不支持这种行为。您只能使用自己的 css 类自定义这些行，其中不包括行的长度，因为 svg 不能这样工作。

获得所需行为的唯一方法是直接使用 d3。你可以给你的台词一些类让它们更容易 select.

grid: {

    x: {
        lines: [
            {value: 4, text: 'Today',position: 'start', class: 'myClass'},
            {value: 12}

        ]
    }

d3.selectAll(".myClass")

我还没有做过这样的事情，但我希望这对你有所帮助。

如何只对 c3.js 中的某个 y 值显示 x 网格线？

How to show x grid line only to some y value in c3.js?

javascript

d3.js

c3.js