c3.js相关内容

如何删除c3.js中的填充?

是否有一种方法可以删除Y轴和C3.js中的第一个值之间的左填充?如果是这样,我该怎么办? 解决方案 从文档中看,您似乎可以添加 axis.x.padding 设置,如下所示: axis: { x: { padding: { left: 0, right: 0, } } } 这是一个小提琴: http://jsfiddle.net/c ..
发布时间:2020-07-21 00:13:45 前端开发

C3.js填充曲线之间的区域

我有这样的图表 我需要在虚线之间填充3个区域.例如:在2条红色虚线,2条蓝色虚线和2条绿色虚线之间填充区域. 我尝试这样做: function fillArea(){ var d = {}; var x = []; var y1 = []; var y0 = []; for(var i = 0; i ..
发布时间:2020-07-21 00:10:36 前端开发

c3js-在x轴上更改初始日期标签

我有一个类型为 timeseries 的c3js折线图. 我的轴表当前是这样的: 11/10.....05/11.....11/11.....05/12.....11/12.....05/13.....11/13 并且希望它成为 .12/10.....06/11.....12/11.....06/12.....12/12.....06/13..... 每个点表示一个月 ..
发布时间:2020-07-20 23:58:49 前端开发

c3js›值0在Y和Y2之间对齐

如何将Y 0轴值与Y2 0轴值对齐? 请参阅 jsFiddle 了解 . 我在轴上尝试了选项center:0,但我不希望图形中心为0. var chart = c3.generate({ data: { columns: [ ['data1', 2000, 350, 300, -200, -50, 0], [' ..
发布时间:2020-07-20 23:16:27 前端开发

使用c3.js向图表添加数据

我有一个图表,其中我想添加更多数据而不用.push替换我已有的数据,或者添加一组数据而不丢失以前拥有的数据. 我该怎么办? columns: [ ['data1', -4,3,4,7,8,9,8,7,3], ['data1_x', -5,2,3,4,5,4,3,2,1], . . //I need add the new data withouth r ..
发布时间:2020-07-20 23:11:29 前端开发

如何将C3JS正确加载到WebPack中?

我正在尝试使用C3JS,这是我的VUEJS/WebPack项目中基于D3JS的库(从该样板创建的). 我通过npm安装D3JS并将其像其他任何东西一样作为webpack插件加载来加载.但是,对C3JS进行同样的操作是行不通的. plugins: [ new webpack.ProvidePlugin({ $: 'jquery', // ..
发布时间:2020-07-20 23:07:12 前端开发

C3.js将折线图Y轴的标签位置更改为Y轴的中心

我需要在Y轴上更改Y轴的标签位置,当前的六个位置选项无法满足我的情况,我也尝试使用d3对其进行自定义,但仍然没有运气. 我创建了 plnkr 演示,并在 github . var chart = c3.generate({ data: { columns: [ ['data', 30, 200, 100, 400, 150, 250] ..
发布时间:2020-07-20 22:51:35 其他开发

有什么办法可以使用c3js更改标签?

我正在使用新的 c3js 库.有什么方法可以更改图表中数据的标签吗?我有一个条形图,其中每个条形都是美元值.我希望每个条形的标签为$ 100而不是100.如果将值设置为$ 100,则库将无法制作图表.有没有办法更改标签-如果不是基础值? 解决方案 您可以为数据标签和轴刻度指定格式.看下面的例子. ..
发布时间:2020-07-20 22:16:28 其他开发

C3.js-独立显示/隐藏数据系列的点

我正在使用C3.js为数据系列创建折线图. 我正在努力只显示其中一个系列的“要点". 基本上,首先我用一些参考数据创建了一个多系列折线图,然后我(用char.load)加载了一个新的特定数据线,我想在其中显示点,仅针对该特定线.其他参考线保留有隐藏点. 通过C3.js可以吗?如果是这样,您能指示我这样做吗,谢谢! 另外,欢迎使用C3.js的同时使用D3.js的任何方法. 这 ..
发布时间:2020-07-20 21:48:17 其他开发

C3/D3条形图,水平滚动

我正在创建一个c3条形图,其中每个条形表示在给定的一周内加入该计划的人数.数据只是具有[{week,#people},{week,#people}等的对象的数组. 理想情况下,我希望图表中显示最近的6周,但我希望能够水平滚动以查看过去的几周. 我看到了一个答案( D3.js滚动条形图),但是在这种情况下,滚动时轴不会保持可见-我想这样做. 任何帮助将不胜感激. 解决方案 ..
发布时间:2020-07-20 21:29:21 其他开发

加载回调时的C3图形

我想使用某种回调函数,该函数将在C3图形完成加载后运行一些代码,以便我可以更改某些点的填充颜色. 解决方案 不要在初始化中加载任何数据.而是显式调用load事件并传递数据.然后,您可以访问done回调. var chart = c3.generate({ /*...*/ }); chart.load({ columns: [['data1, 100, 200, 150, ... ..
发布时间:2019-11-14 13:29:31 前端开发

更改散点图中c3.js的气泡大小

我有一个散点图充电,我想改变点的大小,使它们看起来像气泡。有人可以告诉我如何更改泡泡的大小吗? 这是我的代码: var chart = c3.generate({ data:{ xs:{ IBM:'ibm_x', Microsoft:'microsoft_x', }, 栏:[ [“ibm_x”,3.5,3.0,3.2,3.1,3.6,3.9,3.4,3.4,2.9,3. ..
发布时间:2019-06-12 11:36:00 前端开发

C3堆叠图表维护数据顺序

我按照参考文献和此答案的说明进行操作但是我没有成功。 我有一个堆积条形图,我希望堆栈中的数据按照它在数据中的顺序显示,但它正在重新订购,我无法弄清楚如何防止它。 这是一个 jsfiddle 。 这是代码 var chartOptions = { element:'chart', data:{ “rows”:[[“0-1”,“2-3”,“ 4-5\" , “6”, “7 ..
发布时间:2019-06-08 22:04:11 前端开发

C3 / D3饼图标格式/标签重叠

我有一个使用C3的饼图。 我已经通过添加值和百分比来更改默认图例名称。 我正在寻找一种方法来很好地格式化这个图例,以便将值和百分比定位为列。 有没有办法防止标签重叠? 这是我到目前为止的目标: var columns = ['data11','data2','data347',' data40098']; var data = [150,250,300,50]; var c ..
发布时间:2019-06-08 22:03:20 前端开发

动态时间序列C3js图表

我是C3.js的新手,并尝试创建动态时间序列图表,请在小提琴中运行代码 http ://jsfiddle.net/roytirthadeep/54v7r0ab/ var chart = c3.generate({ 数据:{ x:'x', xFormat:'%Y-%m-%dT%H:%M:%S', 栏:[] }, 轴:{ x:{ 类型:'timeseries', tick:{ 格式:' ..
发布时间:2019-06-08 19:28:56 前端开发

c3.js中堆积的甜甜圈图表

我想从c3.js自定义圆环图,所以它有2层。 这是非常基本的开箱即用c3的代码。基于js的圆环图。 var chart = c3.generate({ data:{ columns: [ ['bulls',30], ['lakers',50], ], 类型:'donut' }, }); 这是一张类似于我想要达到的图像: 我确实 ..
发布时间:2019-06-08 18:16:09 前端开发