问题标签 [c3]

我们使用 c3 作为 d3 javascript 图表库的包装器。您甚至可以在他们自己的演示中看到，当数据更新时，滚动条会瞬间闪烁。

当页面上已经有滚动条时，这不是问题，就像他们的情况一样。但是如果页面较小，添加和突然删除或滚动条可能会很刺耳。

我们所做的与他们在示例中所做的没有太大的不同。谜团是滚动条跳跃的原因。有任何想法吗？如果您想查看我的代码，那就太棒了：

使用 SignalR 将数据传递给我们的 AngularJS 指令

在我们获取标准化数据后，它只是被设置为一个数组，然后传递给 C3

我正在尝试通过设置一些宽度限制来使图例文本换行。无论我尝试了什么，我都无法弄清楚如何减小“.c3-legend-item-event”的宽度，以便它可以达到两行或更多行，否则文本太长以至于超出了我的 html 范围。

图例设置为：legend: {position: 'inset'} 然后我将它移向图表的右侧，但我无法将其换行或分成两行或更多行。

我阅读了带有 jQ​​uery 的示例来附加您自己的易于修改的图例，但是，我想避免它。我也无法控制数据馈送，也无法缩短图例文本。

参考我用来查看源代码的图表在这里： http ://c3js.org/samples/chart_bar.html

参考图例选项和设置在这里： http ://c3js.org/reference.html

这是我的代码的一部分：

任何帮助表示赞赏。

谢谢你。

我正在为使用 c3 创建的饼图创建一个包含单选输入的自定义图例。我通过 D3 API 创建无线电输入。我无法在收音机输入端显示文本。

这是CSS：

它没有任何效果。这是我完整的 jsfiddle。知道我做错了什么吗？

我正在使用 c3 + d3 + javascript 在网页中创建折线图。我设法创建了一个在本地运行良好的代码，但是当我将它上传到我的服务器时，代码停止工作。我在下面解释问题：

问题：上传到服务器时，c3.generate 没有抛出错误

JSFiddle：http: //jsfiddle.net/xq6wmyvp/10/

代码说明：代码（在小提琴中）具有使用一些数据初始化带有折线图的图表的功能。数据的路径作为该函数的变量给出（称为“初始化（路径）”）。此函数使用 c3.generate 创建图形。如果数据不可用或不存在，c3.generate 会抛出错误（这在本地有效，但在上传到服务器时无效 - 这是问题所在）并且函数（初始化）返回 false。如果数据存在，则加载图形并“初始化”返回 true。

问题重述：将代码上传到服务器后，函数“initialize(path)”仅返回“true”，即使数据不可用/不存在。

我不知道如何解决这个问题。你能帮助我吗？谢谢阅读！

（问题的 Github 链接：https ://github.com/masayuki0812/c3/issues/960 ）

我正在使用 d3.js 中的可重用图表从 c3.js 开发，但无法从对象数组中获取数据，我尝试了给定的代码格式。

我为 c3.js 中的代码开发，但 x 轴上的刻度格式显示了很多年和月，我无法显示特定的年月，如何在 c3.js 中使用 d3.js 库任何推荐网站.我开发的给定代码。

我正在尝试使用 C3.js(c3js.org) 制作图表，但我想指定除数据（以及该图表特有的任何其他微小偏差）之外的所有内容，然后将其重新用于该变体的所有图表（a图表的具体配置）。

我为 C3.js 找到的所有文档和所有示例仅涉及如何制作单个图表。将其应用于多个图表意味着大量重复代码，并且在进行更改时不能确保一致性。

我发现的唯一与此相关的是在 D3.js(d3js.org) 中制作可重用图表的概念， C3.js 使用的底层库，以及受该概念启发的实现。这并没有真正帮助我，因为我想要 C3.js 提供的更高级别的抽象，但这些可能会让您知道我在寻找什么。

我没有找到这方面的信息，但一个想法是制作一个基于现有类型但还包括额外配置的图表类型（例如，根据现有的“条形”图表制作一个名为“水平条”的新图表类型类型）。

这是我制作的一个图表，bindto是columns这个图表的独特部分，其余部分应该是模板的一部分，但我不知道如何。

C3js图表监听事件resize。让图表自动响应是件好事，但我在尝试将图表与Foundation 显示模式协作时遇到了严重的性能问题。

正如在 github 问题Reveal modal triggers a resize eventresize中所说，只要模态打开，reveal modal 就会触发事件。

resize每次触发事件时都会重新渲染C3js图表。而且似乎没有办法阻止使用C3jsresize提供的 api 或回调在事件发生后重新渲染图表。因此，每次打开模式时，同一页面中的所有C3js图表都会不必要地重新绘制，从而损害浏览体验。

在Foundation改变他们在 v6 中处理显示模式的方式之前，有没有简单的方法来解决这个性能问题？

使用的版本是C3-0.4.9和foundation-5.5.1

我正在尝试重现一些代码以使用 c3 生成图表。这个脚本没有渲染任何东西。为什么？（href中列出的文件在同一个文件夹中）

我会先说我已经尝试了很多方法来实现我的目标，我现在正停留在“最好”的解决方案上，但它离我认为的“伟大”还很远......所以我希望在这里得到建议。这是在 C# 中使用 Visual Studio 2010。

我的程序播放带有可能包括歌词的元数据的音频文件。当我有了歌词时，用户可以选择让歌词一次显示一个短语，或者随着音频滚动。这发生在单行标签上。这不是卡拉 OK 风格，你拥有整个短语并且它会被着色或其他东西，实际上歌词会随着音乐从左到右滚动。

我尝试过启用和禁用双缓冲。启用它后，它会更好，但仍然不完美。

1) 在运行时为标签创建一个 Graphics 对象，然后计时器将使用其 Graphics 对象直接绘制到 Label 上。我尝试清除图形，而不是仅绘制图形大小的填充矩形以避免清除闪烁。在其中任何一个之后，都会绘制文本字符串。我在这里尝试了 25 毫秒、50 毫秒和 100 毫秒，结果大致相同。

2）在运行时为标签创建一个图形对象，然后计时器将创建一个标签大小的位图，从该位图创建一个图形对象，绘制填充矩形并在图形对象中绘制字符串，然后复制该到 Label 的图形对象，我也尝试将位图复制到 Label.Image 字段。

3) 没有创建专用的 Graphics 对象。相反，让计时器使标签无效。然后在Label的Paint事件上，使用e参数的Graphics对象直接绘制填充的矩形，绘制文本字符串。

在所有情况下，结果都是正确滚动的文本，在滚动时会抖动且难以阅读，但在暂停播放时看起来很完美。绘制的时间和内容是准确的。#3 是我尝试过的众多变体中“最好的”，但正如我所说，阅读文本仍然不容易。鉴于计时器值在 40FPS 和 10FPS 之间变化，并且结果在易读性上差别不大，我认为这归结为我绘制图纸的效率低下。

我是否犯了一些明显的错误或根本缺乏导致这种行为的基础？我很想就如何改进这一点提供一些意见。谢谢。