使用 C3.js 加载区域答案

【问题标题】：Load region with C3.js使用 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 样式制作，添加一个类会将样式应用于完整路径而不是虚线区域。 :)

标签： javascript d3.js c3.js

【解决方案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