billboard.js is a Re-usable, easy interface JavaScript chart library based on D3 v4+.
Questions tagged [billboard.js]
62 questions
0
votes
1 answer
How to use convert date in billboardJS
it's the first time i am using billboard.js so i'm having difficulties working with timeseries data, here's my try:
exemple of the data:
{
"values":{
[5,8],[2020-02-07T07:06:01.591Z,2020-02-07T07:06:03.812Z]
}
}
how i'm trying to display it…
Amine Maalfi
- 145
- 9
0
votes
0 answers
Getting build error with ANgular 6 and Billboard.js chart library
I am trying to use billboard.js chart library with Angular 6 and it working fine for development purpose. When I run ng build --prod i am geting following error
chunk {0} common.dc8a8d222642a54a5dd0.js (common) 7.59 kB [rendered]
...
chunk {42}…
McLosys Creative
- 759
- 4
- 9
- 19
0
votes
1 answer
Facing issue in chart size while I am trying to use billboard.js chart library with Angular 6
I am trying to use billboard.js chart library with Angular 6 and facing issue in chart size. When the page load for first time, chart size is bigger than it's div container and when i change browser window size, chart's size is automatically…
McLosys Creative
- 759
- 4
- 9
- 19
0
votes
1 answer
billboard.js - Set color based on label value, so that data for a given label is consistently colored across multiple charts
I have multiple bar charts, each showing a single data value for multiple items. I would like to have the color of the bar be consistent for each item across all of the charts.
Here is an example of the data:
Items Data1 Data2 Data3 …
Ben
- 3
- 1
0
votes
1 answer
SVG element getting Cut Off
See this DEMO
When hovering on the beginning or end of the X axis, the red dot that marks the position on graph, is getting cut off (either from left or right, respectively).
Any way to avoid this?
lukabo
- 1
- 1
0
votes
1 answer
Is there a way to display Y-axis in log scale in Billboard.js?
I am trying to display data in log scale to ensure that smaller values are seen when large values are present. Is there a way to do this in Billboard.js? It would be great if you can automatically go between linear and logscale depending on data. …
0
votes
1 answer
Change the thickness of an axis in billboard.js
I tried to create a bar graph. The bars are fine but the thickness of the axis seems odd (too thick). It also creates a square gap on the axis junction.
I tried to follow this SO post
/* does not work */
.bb-axis.bb-axis-y path {
stroke-width:…
Leonard AB
- 1,479
- 1
- 19
- 30
0
votes
1 answer
How to make sure billboard.js series have ended all transitions in onrendered?
I'm trying to add some elements on a chart, and I'm doing it in the onrendered function passed to billboard.js configuration.
In this function, I have to know if some series are or not on the chart, and this can be done by easily checking their…
knee pain
- 600
- 3
- 19
0
votes
1 answer
How to use an Icon font for billboard.js chart point rendering
This example shows how to use different kind of points in billboard.js.
My question is, can you also use some icon fonts as the points?
Thank you.
knee pain
- 600
- 3
- 19
0
votes
1 answer
Billboardjs chart bigger than it's container
When generating a billboard chart and not providing a size, sometime the resulting svg is bigger than the container. Is there a way to make sure the svg size is always within bounds?
That is, without providing size in the generation config.
var…
knee pain
- 600
- 3
- 19
0
votes
1 answer
Chart.ygrids.remove and Chart.ygrids.add do not work together
Based on this question I made up a chart. There are two texts inputs where there can be introduced values which will re-generate the Y-axis based on their values.
The text inputs are one for min and one for max. There must be shown on the chart some…
Leo Messi
- 5,157
- 14
- 63
- 125
0
votes
1 answer
Force billboard.js spline chart to render all lines
When creating a spline chart using billboard.js, if the data series has some "steep enough" values, the created chart will cut off some of the lines. It will always show all the points, in the chart, but not all the connecting splines.
Setting a…
knee pain
- 600
- 3
- 19
0
votes
1 answer
Chart's Y-axis does not re-render properly in Billboard.js
There is a chart generated in Billboard.js which has the possibility to introduce custom values as minimum and maximum for the Y-axis.
The problem that I encounter is that even the axis is changing when the values are modified, they are not very…
Samurai Jack
- 2,985
- 8
- 35
- 58
0
votes
1 answer
Y axis of chart doesn't update correctly in Billboard.js
There is a chart generated with billboard.js and I want to update the min/max values of Y-axis.
For doing this, I wrote in html:
Max:
Min:
Samurai Jack
- 2,985
- 8
- 35
- 58
0
votes
1 answer
How can I bind at a later time a billboardjs chart?
The docs say that when the chart is not bound, it'll start observing the chart.element property. I've tried not setting the bindto property for the options object passed to generate, and also setting it to null.
But if I later set the chart.element…
knee pain
- 600
- 3
- 19