65 questions
0
votes
1
answer
25
views
How to change billboard.js chart type after generation?
I'm trying to change the chart type on the fly (ie from a dropdown), just like we have in C3's .transform API, but couldn't find any easy way to do it.
It works when I call chart.load() with same data ...
1
vote
0
answers
38
views
Axis extent option doesn't set default subchart for timeseries axis
I'm beginner with billboard.js.
I have a big payload of data starting from 1980 and ending to now (2024). I want to first show only the last 10 years of the data and then being able to zoom out or in.
...
0
votes
1
answer
103
views
Rotated barChart in a Billboard.js
I use billboard.JS to display a rotated BarChart. But I'm trying to get category values on the y-axis, using this code
var data = [
["data11", 30],
["data2", 130],
["...
0
votes
1
answer
234
views
How do I fix import error in billboard.js
I'm switching from the c3 package to billboard.js in a Vue 3 application. When I run the application, I get the following error:
[billboard.js] Please, make sure if spline module has been imported
...
0
votes
1
answer
132
views
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"], ...
0
votes
0
answers
166
views
billboard.js multiple lines grouped by column json sourced
I'm driving crazy about this feature, I just need to draw 11 lines in a single chart. The data is a json sourced by ajax and I just get 3 column: index, label, value. The chart axes are index as x and ...
0
votes
1
answer
159
views
Billboardjs - Hatched bar graph
Bar graph design:
I am using billboardjs(for Angular) bar graph to display some analytics. Now my requirement is to show the bars for comparision. One bar should be in dark color and another should be ...
0
votes
1
answer
286
views
Billboard.js get chart object using bb.instance via chart name (id)
I am using Billboard.js and displaying multiple charts using bb.generate. Everything is working fine, I can get a chart object using bb.instance[somenumber]. This will get me a Billboard chart based ...
1
vote
1
answer
598
views
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 ...
0
votes
1
answer
150
views
Billboard.js: Let x-ticks overflow svg when padding is 0
I am creating a some charts with billboard.js and stumbled upon some overflow logic i can't sort out.
Case: A simple linechart w/o labels on y-axis (these will be solved on a container level and not ...
0
votes
1
answer
58
views
Billboard.js 3.5.1 with angular 6.0 gives ERROR TypeError: t.hasType is not a function when ng serve --prod
I try to use Billboard.js with an angular6.0 application
when i run with ng serve , application works fine.
when I run with ng serve --prod, application gives the following error when application ...
0
votes
0
answers
84
views
Billboarder package not working anymore in combination with rmarkdown
Edit: I fumbled around with older versions of rmarkdownand it turns out this problem starts occurring from version 2.11 onwards. I will open an issue there
I used to be able to render graphs in ...
0
votes
1
answer
504
views
billboard.js custom label for each data series
Is it possible to apply a custom label for each data series in billboard.js? As opposed to using the value, id, or index of the data point in the series?
I've been using the following billboard.js ...
1
vote
1
answer
145
views
I am facing problem with - Error: <circle> attribute r: Expected length, "NaN" using Billboard js chart
I am try to display a billboardjs bubble chart using javascript and html.
I included the lib in my index.html file as:
src="/lib/billboard.pkgd.js"
The codes are very simple but when ran, I ...
0
votes
0
answers
309
views
billboard.js custom index label
I'm trying to achieve the goal of having a custom index label instead of his 0-n cardinal, the y axis rightly shows the scale values and the x axis use a timeline progression who I need to use to ...
0
votes
0
answers
295
views
Plot not drawn in RMarkdown
After updating my rmarkdown, my plots are not drawn anymore. I can see the plots if I run them locally and I can also plot with alternative plotting packages like ggplot2.
This is an example code:
---
...
2
votes
0
answers
101
views
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 ...
0
votes
1
answer
541
views
How to disable legend click on billboard.js charts?
How to disable just the click effect on the billboard.js Donut Chart?
I tried different variants, but nothing works.
0
votes
1
answer
363
views
Trying to remove black fill under lines in billboard.js line chart
I am using the same example line chart shown here. However, I have black fill under the lines on my chart. How do I remove the black fill from under the lines. In the documentation under ...
0
votes
1
answer
772
views
billboard.js: The types of 'axis.x.type' are incompatible between these types
axis: {
x: {
type: "category"
}
},
I got error:
The types of 'axis.x.type' are incompatible between these types.
Type 'string' is not assignable to type '"category&...
2
votes
1
answer
67
views
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 ...
0
votes
1
answer
78
views
BillboardJS Line Connection
I have a question about billboard.js chart library.
I'm using it with PHP, encoding data from Postgres DB with JSON.
There's no problem with it.
But... there is a problem with line connection/dot ...
2
votes
1
answer
680
views
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 ...
3
votes
1
answer
778
views
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],
[&...
0
votes
1
answer
380
views
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-...
0
votes
0
answers
109
views
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....
0
votes
1
answer
1k
views
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 ...
1
vote
2
answers
64
views
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 ...
3
votes
1
answer
687
views
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 ...
1
vote
1
answer
228
views
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 ...
1
vote
2
answers
2k
views
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 ...
0
votes
1
answer
1k
views
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 ...
1
vote
1
answer
655
views
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.
...
0
votes
1
answer
133
views
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?
0
votes
1
answer
308
views
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 ...
0
votes
1
answer
798
views
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 ...
1
vote
0
answers
325
views
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 ...
1
vote
1
answer
43
views
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: {
...
2
votes
1
answer
450
views
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)
});
...
1
vote
0
answers
356
views
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 ...
0
votes
1
answer
380
views
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, ...
0
votes
1
answer
405
views
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.
1
vote
1
answer
501
views
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 <path> element and it will be rendered as the data points.
What I want to do is to use some points that may be a ...
1
vote
0
answers
79
views
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 ...
1
vote
1
answer
672
views
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 ...
0
votes
1
answer
1k
views
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, ...
1
vote
1
answer
1k
views
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 ...
1
vote
1
answer
433
views
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,...
0
votes
1
answer
150
views
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 ...
0
votes
1
answer
445
views
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, ...