Questions tagged [bar-chart]

Utilizing the countBy function from angular-filter to group and tally the number of entries for a specific column. I'm looking to transfer these values into a separate bar chart on the same page. Despite attempting various methods, I haven't been successfu ...

I have two sets of data that share a common index, and I would like to display the first set as a barplot and the second set as a line plot on the same graph. Currently, I am using a method similar to the one shown below. ax = pt.a.plot(alpha = .75, kind ...

I encountered an issue with the BarChart component: An error message saying "undefined is not iterable!" appeared. The API response I received looks like this: { "saleCharts": [ { "priceSum": 0, "categoryName&q ...

I'm working with a data graph and looking for a way to retrieve the value of a specific column whenever I click on it, and then display that value on the console screen. Check out my Data Graph here I am using MUI X charts BarChart for this project. Any t ...

Seeking assistance as a beginner in building Basic Bar inverted axes using json data. I am trying to achieve a chart similar to Bar Inverted Axes, but encountering issues with the chart not displaying properly. Utilizing Angular to develop the web applicat ...

I am currently working on developing a dynamic bar graph using JSON data that changes based on the applied filter. The objective is to display the TYPE associated with the PERIOD in the graph, but only if it exists. If not, then nothing should be shown. ...

I am currently implementing a D3 chart using the react-d3-components library. So far, I have successfully generated a vertical bar chart. However, my specific requirement is to create a horizontal bar chart. import React from 'react'; import ReactDOM from ...

For each day of the week, there are records of fuel consumed and refilled. I envisioned representing this data in a range column chart using CanvasJS library. The unique aspect is that the color and width of the bars should change dynamically based on thei ...

Currently, I am trying to create a bar chart using Chartjs within my AngularJS application. While I have successfully rendered the chart, I am facing difficulty in displaying the value of each bar on top of it. Most of the solutions available are tailored ...

Can anyone assist with implementing the following features in D3 JS? I need to fix the x-axis position so that it doesn't scroll. The values on the x-axis are currently displayed as numbers (-2.5, -2.0, etc.), but I want them to be shown as percentages (- ...

Presently, I am endeavoring to incorporate a bar chart that allows users to scroll along the x-axis while keeping the y-axis stationary. React is the framework I am utilizing for this task. export default [ { activity: 'Main Idea and Detail', value: 90, ...

My goal is to have the label positioned outside the bar stack. I attempted to achieve this using the code below, but it seems to be inconsistent in its results. dataLabels: { enabled: true, color: '#333', ...