Skip to main content
How are we doing? Please help us improve Stack Overflow. Take our short survey
Filter by
Sorted by
Tagged with
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 ...
FirstOne's user avatar
  • 6,217
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. ...
Gaeguri's user avatar
  • 509
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], ["...
Fajoui El Mahdi's user avatar
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 ...
piccy's user avatar
  • 366
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"], ...
rivaldid's user avatar
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 ...
rivaldid's user avatar
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 ...
Mahesh Dharwad's user avatar
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 ...
space's user avatar
  • 11
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 ...
Gilles F's user avatar
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 ...
adam's user avatar
  • 1
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 ...
Florence's user avatar
  • 1,721
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 ...
koolmees's user avatar
  • 2,783
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 ...
bolaadebesin's user avatar
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 ...
Wing Choi's user avatar
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 ...
rivaldid's user avatar
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: --- ...
koolmees's user avatar
  • 2,783
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 ...
koolmees's user avatar
  • 2,783
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.
Aljoša's user avatar
  • 75
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 ...
martinbshp's user avatar
  • 1,163
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&...
Lola's user avatar
  • 2,648
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 ...
Sebastian Lindgren's user avatar
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 ...
VincentLaw's user avatar
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 ...
Benjamin Diele's user avatar
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], [&...
user3926254's user avatar
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-...
Amine Maalfi's user avatar
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....
McLosys Creative's user avatar
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 ...
McLosys Creative's user avatar
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 ...
JillAndMe's user avatar
  • 4,531
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 ...
JillAndMe's user avatar
  • 4,531
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 ...
koolmees's user avatar
  • 2,783
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 ...
user8411456's user avatar
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 ...
Ben's user avatar
  • 3
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. ...
Pavan Kumar Idapalapati's user avatar
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?
lukabo's user avatar
  • 1
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 ...
lazikevin's user avatar
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 ...
Leonard AB's user avatar
  • 1,579
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 ...
Travis's user avatar
  • 368
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: { ...
hacking_mike's user avatar
  • 1,141
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) }); ...
hacking_mike's user avatar
  • 1,141
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 ...
Ted Kusio's user avatar
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, ...
knee pain's user avatar
  • 620
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.
knee pain's user avatar
  • 620
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 ...
knee pain's user avatar
  • 620
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 ...
Joel Ham's user avatar
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 ...
knee pain's user avatar
  • 620
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, ...
knee pain's user avatar
  • 620
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 ...
knee pain's user avatar
  • 620
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,...
Leo Messi's user avatar
  • 6,136
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 ...
Leo Messi's user avatar
  • 6,136
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, ...
knee pain's user avatar
  • 620