Hi I’m trying to get my numbers fetched from the backend server to a chart library but it seems almost impossible. Below are my codes please help me out. the data I need for library chart for any x value missing, the chart collapses so I need all values however the problem is the data from our backend server, there
Tag: charts
Change the border color of a progress bar in quickchart js
i’m using quickchart.js to create a progress bar and i have a problem. When I create a progress bar by assigning it a background color it works but there is a permanent blue border that I can’t remove. Here the first example I tried to change the color of the border but it does not change this border. Here the
Chart.js timeline [Group for single bar]
I would like to create a time line like this: [1]: https://i.stack.imgur.com/RQ819.png But I don’t understand how to put green into the top bar and yellow into the bottom bar. This is what I got so far but I don’t find anything how to make group only for one bar. Answer You need to define a separate datasets for each
Need some help in creating this graph using Angular libraries
enter code hereChartenter image description here Need some help in creating this graph using Angular libraries. I’m using Angular HighCharts but not able to create the graph Visit https://jsfiddle.net/6Lbvrwmf/2/ Answer Your example is not a standard one and will need some workarounds. I’m not sure what Vehicle count represents and what is the relation betwen them and Average CC Days.
Vega-lite: Legend label expression to include value of multiple fields
My code is as follows; Below is the link to the vega editor. https://vega.github.io/editor/#/gist/947b2a99801bc6a08d468cdb9acbeb50/legend.json My aim is to show the legend to include value of 2 fields i.e. type and count fields with a hyphen. Example : In the image below, I wanted to show the legends as ‘Apple – twenty’ and ‘Mango – ten’ How could I do the
Change object label on specific value in js
I’m working on charts in React.js and i want to display data sorted by month. In django i’ve created view for displaying json with total events per month and it looks like this: I would like to sort every object in that array and change value ‘month’ from numbers to month name, so it would be: For generating charts i’m
How to properly use formatting with chartjs?
I am trying to use formatting in Chart.js. I’ve configured the imports correctly, but it still doesn’t display what I want It doesn’t work on my local pc. I uploaded the same code to codepen and it didn’t work either. You can verify it here Any ideas what am I doing wrong? Thanks Answer As described here, you need to
Remove redundant legends on the chart using generateLabels with ChartJS v3
I have a chart as follows, I only need one pair of legends (data 1 and data 2) to show on the chart. In ChartJS v2, I can use generateLabels like this but it doesn’t seem to work the same way in v3 that I’m using. Is there an easy way to achieve this in v3 using generateLabels or do
How to display values on line stacked columns on highcharts
I want to display the value on the growth in the stacked column but it hasn’t worked yet, can anyone help me? ;( I set it on the datalabel like it still doesn’t work http://jsfiddle.net/ndhanajh06/r16e2Lyw/2/ Answer You have used spline series type, so you need to enable data labels for spline, not line: Live demo: http://jsfiddle.net/BlackLabel/fputh18a/ API Reference: https://api.highcharts.com/highcharts/plotOptions.spline.dataLabels
D3.js rect no display on chart
I started the D3.js challenge on FreeCodeCamp, the problem is that I solved it with the chart but it only gives me a display on the rectum, only one with the width and height that it I put, I’ll show the code below. The entire code on Now, what I need to do to display the charts! I mention that