billboard.js is a Re-usable, easy interface JavaScript chart library based on D3 v4+.
Questions tagged [billboard.js]
62 questions
1
vote
1 answer
How to use more complex svg as chart point in billboard.js?
I'm trying to use some custom points for a billboard chart. I can use a element and it will be rendered as the data points.
What I want to do is to use some points that may be a grouping of svg elements, so I'm trying to use a or
knee pain
- 600
- 3
- 19
1
vote
0 answers
How do I position billboard sprites in Java?
I'm trying to position billboard sprites using their x, y and z coordinates, the camera's position and the rotation of the camera in radians.
I'm looking for an effect similar to the entities in Wolfenstein 3D.
Here's what I have so far:
public void…
Joel Ham
- 11
- 2
1
vote
1 answer
Is it possible to add one point on billboard.js timeseries chart without providing an array of nulls?
I'm trying to add some additional points on a timeseries chart.
I can do so by providing an extra data series, filled with null values for the first ticks.
What I'd like to know is if we can do something like the following:
provide a value +…
knee pain
- 600
- 3
- 19
1
vote
1 answer
Billboard.js optional Y grid lines - styling for label's background
So If I'm duplicating this example from billboard.js documentation it seems easy to add optional Y grid lines. This is something I want, since I'm adding them dynamically in different scenario.
The thing that I cannot seem to figure out is how to…
knee pain
- 600
- 3
- 19
1
vote
1 answer
Updating chart.ygrids in Billboard.js does not update the class
I want to update the ygrids of the chart. It works fine instead of a part: it doesn't update the css class of it.
Probably this example is not the best way to show it, but when I'm looking in console, even if the message is changed with respect to…
Leo Messi
- 5,157
- 14
- 63
- 125
1
vote
1 answer
Get the value of Y axis minimum and maximum limits in Billboard.js
Having this code snippet in Billboard.js:
var chart = bb.generate({
data: {
columns: [
["data1", 30, 200, 100, 400, 150, 250],
["data2", 130, 100, 140, 200, 150, 50]
],
type: "spline"
},
bindto: "#SplineChart"
});
it will…
dadsa
- 177
- 1
- 13
1
vote
1 answer
Chart background color on billboard.js
How do i set the chart background?
I can set the backgroud of the parent, but i only want to set the background to the data space and not axis.
My current solution is to use bb-event-rects class
#myChart .bb-event-rects {
fill-opacity: 1…
Porfírio
- 175
- 1
- 3
- 11
1
vote
1 answer
Align multiple y-axes on the same chart in Billboard.js
The chart contains data positioned with respect to two Y-axes, y and y2.
This is how it looks like:
So, the red line is generated with one y-axis and the bars with the other.
The value of the red line is always positive in this case (the value is…
Samurai Jack
- 2,985
- 8
- 35
- 58
1
vote
1 answer
Is it possible to show a message text on the chart of Billboard.js?
I'm working with Biilboard.js, a library which is based on D3.
I created a chart and I want to be able to show a message on it, for example if Y-axis is greater than 100 or anything like this, doesn't matter the condition.
This is an example of what…
Samurai Jack
- 2,985
- 8
- 35
- 58
1
vote
2 answers
Control multi line spreading of x-axis tick in billboard.js
Following one example we can format the tick text. I see that this is set to multiline: true by default, which is fine, but I also want to be able to control where the line breaking happens. Is there a way to do that?
knee pain
- 600
- 3
- 19
1
vote
1 answer
Re-write data into a textbox if it was deleted and nothing was written in place
I have two textboxes in which I can write numerical values which are used to get the min and max value of Y axis in a chart.
For example, if I have the values set on min = 0 and max = 100, the Y-axis of the chart will be from 0 to 100. If I change…
Samurai Jack
- 2,985
- 8
- 35
- 58
1
vote
0 answers
Move billboardjs subchart on top of chart?
Using the subchart options for billboardjs like in the documentation works as expected.
What I want to know is:
Is there a way to show the subchart on top of the chart?
How should I proceed to make this happen?
Example from docs:
var chart =…
knee pain
- 600
- 3
- 19
1
vote
1 answer
Billboardjs chart update visibility of y axis after chart generation
So I am generating a chart, hidding the y axis, like this:
const chart = bb.generate({
"data": {
"type": "line",
"x": "x",
"columns": columns,
"axes": {"data1":"y2"},
},
"axis":{
"y": {show: false},
…
knee pain
- 600
- 3
- 19
1
vote
1 answer
Billboard.js chart missing first point on first render
I am displaying multiple billboard.js charts on a single page and they all have the same issue. When the page initially loads, the first point in each chart is missing from the chart. The example below shows the most extreme and obvious case. …
CodeRequiem
- 43
- 6
0
votes
1 answer
billboard.js columns from array
I have asked yet a similar question here
Actually I need to make dynamic this operation, beginning from this example:
$.when(myfun(my_args))
.done(function(res){
var one_x = ["label1_x"], one_d = ["label1"];
var two_x = ["label2_x"], two_d =…
rivaldid
- 85
- 1
- 11