billboard.js is a Re-usable, easy interface JavaScript chart library based on D3 v4+.
Questions tagged [billboard.js]
62 questions
3
votes
1 answer
How to change the line color in billboard.js
I am novice with billboard.js, tried to do a very simple thing: changing the color of a line.
var chart = bb.generate({
data: {
columns: [
["data1", 30, 20, 50, 40, 60, 50],
["data2", 200, 130, 90, 240, 130, 220]
],
type:…
user3926254
- 31
- 2
3
votes
1 answer
Ref returns null when resize
I've trying to get ref and want to check whether it has value.
It has value at first time, but when I resize the chart it disappears.
I think this issue would related with react not the chart library.
Any…
JillAndMe
- 3,989
- 4
- 30
- 57
2
votes
0 answers
Legend doesn't load correctly in static RMarkdown document
I am trying to create a static html document with RMarkdown that contains a bunch of tables and graphs. A problem I am running into right now is that the legend doesn't load correctly unless it is on the landing page. I render my graphs using the…
koolmees
- 2,725
- 9
- 23
2
votes
1 answer
Marker in BillboardJS on defocus
When hovering over a line in billboardjs you can see a marker which follows the mouse (a tall vertical line). Is there a function for putting a marker on the x-line which can be used without triggering an automatic marker via onmousemove/hovering…
Sebastian Lindgren
- 31
- 4
2
votes
1 answer
Billboard.js: $$.generatePoint is not a function
I'm trying to use billboard.js as a simple alternative to d3.js for displaying some line graphs. Unfortunately, I can't seem to get it working in my own repository, nor can I get it working in a vanilla Vue project.
Can anyone tell me if something…
Benjamin Diele
- 1,177
- 1
- 10
- 26
2
votes
1 answer
Javascript c3.js or billboard.js with JSON data how to get other legend label
I have this code:
... normen is my json object ....
$.each(normen, function(item) {
chartX.push(this.feed_day)
chartY.push(this.weight)
});
createChart(chartX,chartY)
…
hacking_mike
- 1,005
- 1
- 8
- 22
2
votes
1 answer
Dashed line transforms the null values into zeros on the chart
I created a chart with Billboard.js (a chart library based on d3 v4+).
My aim was to make the lines look dashed so I used this documentation for it.
Basically, I added this code:
const regions = {}
for(const item of baselineTitle) {
…
Samurai Jack
- 2,985
- 8
- 35
- 58
1
vote
1 answer
Billboard.js - stacked chart total
Is there a way to display the total/sum of values on a stacked chart on the tooltip ?
We currently found a way by inserting total/sum into column labels but they appear also on the x axis labels which sometimes cause the legend to overlap. Ideally…
Gilles F
- 121
- 9
1
vote
2 answers
Window events still alive even it is deleted
I've using "billboard.js": "^1.10.2", and react.js
I had searched billboard.js's documentation and found that onresize(), onresized() is attached on window and when I call
chart.destroy() then It removes every events being attached on window that…
JillAndMe
- 3,989
- 4
- 30
- 57
1
vote
1 answer
Billboarder.R, grouped linechart with more than one variable to plot
I am trying to map on of my tables. It is plotted over an x-axis that has the weeks of the year (1-53) and a y-axis that is a certain percentage (0-100). In this plot I try to make two lines, one for the variable "Task" and one for the variable…
koolmees
- 2,725
- 9
- 23
1
vote
2 answers
Load Element later, to improve page speed, but make it visible for SEO?
I'm using billboard.js to display this type of chart somewhere below the fold of my page.
Adding the billboard JS code is causing my mobile page speed to decrease from 90+ to 75-80.
My code is structured like this:
user8411456
- 347
- 1
- 5
- 18
1
vote
1 answer
How to do Pie chart onload animation using billboard js
I am using billboard js to develop a pie chart with animation. I am unable to do the onload animation so, How will apply onload animation?
Here is the example of onload animation. Please help us.
Here is my code in codepen
HTML Code
Pavan Kumar Idapalapati
- 478
- 1
- 8
- 22
1
vote
0 answers
billboard.js chart svg larger than div?
Placeholder text:
AreaChart from https://naver.github.io/billboard.js/demo/#Chart.AreaChart:
You can see the HTML in the above snip for the next two images:
What's going on here? The closest thing I could find was this. The parent is 75% width…
Travis
- 358
- 3
- 13
1
vote
1 answer
c3.js/bb.js hide a line
I created a line chart in BB.js (same api as C3.js) like this:
In document.ready
function createChart2(chartX,chartY){
var chart2 = bb.generate({
bindto: "#chart2",
data: {
columns:[chartX,chartY]
},
…
hacking_mike
- 1,005
- 1
- 8
- 22
1
vote
0 answers
BillboardJS or C3JS Pie Chart Labels Outside w Leader Lines
I have a pie chart built with BillboardJS (could also be C3JS) that needs values shown off the chart with leader lines. I switched from C3 to Billboard partially because it can easily display the values outside of the pie, but I also need leader…
Ted Kusio
- 21
- 4