使用 C3.js 加载区域

Posted 2023-02-22

【中文标题】使用 C3.js 加载区域

【英文标题】：Load region with C3.js

【发布时间】：2015-09-10 00:29:33

【问题描述】：

我正在尝试使用加载 api 将区域动态加载到 C3.js 中的折线图。

列数据加载正常，但区域没有变化。我不想使用 region.add api，因为我需要这个项目的虚线。

chart.load(
    columns:[
        ['data2', 10, 30, 20, 50, 40, 60, 50]
    ],
    regions: 
         'data2': ['start':3, 'style':'dashed']
    
    );

非常感谢您的帮助，我被困住了 - 谢谢！

【问题讨论】：

首先，您的regions 看起来不像what their api demonstrates。其次，regions 位于 data 外部，而不是像 columns 那样位于内部。要动态更改这些，您可能需要做一些不同的事情。

感谢您的回复。我没有使用区域 api，因为它不能产生虚线效果。我正在使用带有区域方法的折线图，其中区域放在数据对象中，如本例中c3js.org/samples/simple_regions.html

触摸。你不能用 CSS 模拟效果？否则，您可能要考虑在官方github page 上打开一个问题。

没有。该行是svg。我在 Github 上打开过，但目前没人知道。

@bernie2436 在 c3 中，虚线区域是使用路径的 d 属性制作的。它没有像您假设的那样使用 CSS 样式制作，添加一个类会将样式应用于完整路径而不是虚线区域。 :)

【参考方案1】：

根据他们的文档c3 api load，您只能在load 调用中传递这些值

url、json、rows、columns、classes、categories、axes、colors、type、types、@98654335types987654335

要将regions 添加到load 电话，您需要在他们的github pages 上向他们提出问题或检查是否已经存在

目前唯一的解决方案是使用regions.add，但它目前不支持破折号样式

检查Demo:Fiddle

您可以提出添加破折号样式的问题，而不是将 regions 添加到 load 调用，因为这可能更容易和更快地修复

【讨论】：

更新了演示链接，复制了整个 javascript，因为 fiddle 阻止了原始 github 内容 url