c3.js

0熱度

2回答

我正在使用C3.js在我的角度應用程序中呈現量表圖表。網頁上有多個圖表，它們的順序和id是在運行時確定的。我有一個名爲WidgetService的服務，它呈現不同類型的圖表。我打電話div的ng-init上的圖形對象的setup方法。這裏是setup方法： this.setup = function() { var chart = c3.generate({ bindto:

0熱度

1回答

如何使用C3圖表繪製標準化堆棧圖？

我想使用C3 Chart庫繪製標準化圖表。我當前的代碼是 var chart = c3.generate({ bindto: '#column-chart-main', size: { height: $('.chart-area').height() }, data: { rows: chartFina

0熱度

1回答

有沒有辦法從c3 data.columns獲取基準名稱？

使用此example作爲參考。在不知道基準名稱的情況下是否需要指定標籤格式？在下面的例子中，基準名稱是data1，data2和data3，但我試圖格式化而不用硬編碼名稱。 var chart = c3.generate({ data: { columns: [ ['data1', 30, -200, -100, 400, 150, 250], ['data2

2熱度

1回答

如何突出顯示c3.js線圖中只有一個數據點？

使用point show作爲false隱藏所有data points。但如果我想隱藏除一個數據點以外的所有內容，該怎麼辦。例如 var chart = c3.generate({ data: { columns: [ ['data1', 30, 200, 100, 400, 150, 250], ['data2', 50, 20

1熱度

1回答

如何將xmlns和xlink屬性插入到由c3圖表生成的svg元素/標籤中？

我打算使用https://github.com/Xportability/css-to-pdf導出c3圖表。但CSS2PDF要求SVG標籤包含xmlns =「http://www.w3.org/2000/svg」屬性和xmlns：xlink =「http://www.w3.org/1999/xlink」屬性有效出口。如何將這兩個屬性添加到由c3圖表生成的svg元素？

0熱度

2回答

c3.js：如何隱藏特定數據集的點？

假設我有兩個數據集，data1和data2，但我想隱藏data2上的點/圓。我該怎麼做？ var chart = c3.generate({ data: { columns: [ ['data1', 30, 200, 100, 400, 150, 250], ['data2', 50, 20, 10, 40, 15, 25] ]

1熱度

1回答

來自mysql數據的多線圖c3

我有一個帶有日期，小時和參數值的mysql表。我想顯示一天中的小時圖作爲x軸和多行，每天一個。我已經將數據轉換爲json格式，我如何顯示多行，每天在c3.js中顯示一行？ json format: [ {"hour":"00:00:00","day":"2017-04-18","kpi":"41.54"}, {"hour":"01:00:00","day":"2017-04-1

1熱度

1回答

改變格式圖表

我生成與folling JSON和代碼c3.js圖表，我試圖改變X軸日期格式類似這樣的「2016年11月。」「N16」。我可以幫忙嗎？謝謝！ response = [["November 2016","December 2016","January 2017","February 2017","March 2017","April 2017"],["total" ,2,43,60,

0熱度

1回答

C3條形圖去上側，如果我們得到Y軸最大值和數據陣列是相同

我面臨一個問題，當曾經我執行下面提到代碼，在圖的頂部區域中的圖形繪製 chart = c3.generate({ data: { columns: [ ['data1', 2, 2]], type:'bar' }, axis: { y: { tick: { values: [0,1,2] }, ma

1熱度

1回答

無法使用Vue.js獲取c3圖表來渲染

簡單示例不會呈現。這裏是我的代碼： main.js var Vue = require('vue'); var c3 = require('c3'); new Vue({ template: '<div id="puppa"></div>', mounted: function() { c3.generate({ bindto: '#puppa',