Questions tagged [column-chart]
145 questions
7
votes
1 answer
Google Column chart customizing legend
I would like to customize my column chart API as below
1) When I click on the legend the data set associated with it should return null and show the legend in a disabled color. My code is below.
function drawVisualization() {
// Create and…

Preethy
- 722
- 2
- 10
- 27
6
votes
1 answer
Column Chart with lines - Combo chart customization
Which JS library is best to do the above type of chart ?
I want to combine clustered column chart with line chart as shown in the picture above.
My requirement is each column should have a low and high value set

Midhun Jayan
- 223
- 2
- 10
5
votes
0 answers
How to show series-Legend label name in data labels, instead of value in Power BI clusrered or stacked column Chart
I am fairly new to Power BI and I have to implement a dashboard which I already have in excel. I am trying to show the transition of some products. The example shown is for demonstration. Basically the purpose of the Graph is to show how the volume…

Dionysios
- 49
- 2
- 9
5
votes
1 answer
Show the X-axis title in Google Chart
I want to show the x-axis heading of a column chart using google charts in Android web view.
I am trying to show the x-axis heading as Year in
var data = google.visualization.arrayToDataTable([
['Year', 'Sales', 'Expenses', 'Profit'],
…

Humty
- 1,321
- 3
- 18
- 35
5
votes
1 answer
How to create a custom column line chart with custom value and axis labels in javascript?
I was wondering if I could use some javascript library like highcharts, google charts, amcharts or d3js to create a chart like the following:
As you can see in the image, the top part has a summary of the 3 values plotted in each column, so needs…

Cristus Cleetus
- 393
- 2
- 4
- 14
4
votes
2 answers
How to change bar color and legends in ColumnChart
I am using Google Chart to display Column Chart for 2 things :
1) Success
2) Failed
For Success : Color = Green
For Failed : Color = Red
But problem is ColumnChart always display bar in blue color and also i want legends as :
Success
Failed
But…

I Love Stackoverflow
- 6,738
- 20
- 97
- 216
4
votes
2 answers
How can I add different colors to bar in Column chart
How can i add different colors to Bars in Column chart. Adding colors field in option is not working. Please help.
Below is the code snippet:
tdata.addRow([col1, arr[0].Manual])
tdata.addRow([col2, arr[0].Auto]);
tdata.addRow([col3,…

shrey Pav
- 181
- 2
- 6
- 16
4
votes
2 answers
Set vertical text on x axis in syncfusion column chart
NET MVC 4.0 with Syncfusion controls to implement graph.
I have successfully implemented it and running fine but when there are more data in x axis the text overlap each other so I want to show it vertically so it will show it…

3 rules
- 1,359
- 3
- 26
- 54
4
votes
1 answer
Remove column key from google chart
I am using column google chart. I need to change the direction of column key which is highlighted into red circle in image below.
So what I want to achieve
Is there any property so I can change the direction like top, bottom or left side so it…

Kushal Jain
- 3,029
- 5
- 31
- 48
4
votes
2 answers
Commas in tooltip of Highchart
I use Highchart to draw some charts. I use this format in tooltip of highchart:
tooltip: {
crosshairs: [true, true],
shared: true,
useHTML: true,
formatter: function() {
var s = [];
s.push('
![]()
narges
3
votes
1 answer
ColumnChart not show all string labelsI have The following problem related with ColumnChart (https://developers.google.com/chart/interactive/docs/gallery/columnchart).
If the label (when you mouse hover into any columns that looks like a tooltip) is set as a number, all 2000 items shows…
![]()
Cristian Rodriguez
3
votes
1 answer
How to get bar chart data label to display both value and percent (of total) in google sheets?In a 100% stacked bar chart, how can I get the data label to display BOTH the value AND the percent of total? Example: 129 (60.3%)
This is displayed in the tooltip when you hover over the bar, but not visible on the bar itself.
Example here:…
![]()
Andrew Frye
3
votes
1 answer
Use Hidden field in syncfusion column chart seriesI am using syncfusion in ASP.NET MVC for my application to display chart and I done it well.
Now I have to set hidden field for every chart that generated on every axes and want to get that hidden field's value on click function call of…
![]()
3 rules
3
votes
1 answer
how to format amounts in indian format in google chartMy Graph is like this:
I want to show amounts like indian format
instead of Million/Billion i want to show Thousand/Lakhs/Crores
and also in tooltip as "27,98,99,811.34"
thanks in advance..
![]()
Ravi Sargam
2
votes
1 answer
How to reduce space between two columns in column chart using amcharts 4I'm using Amchart 4 In Angular 10 and want to reduce space between two columns.
I have tried so many ways but didn't solve this issue
Could you please someone help me with how to reduce those spaces between columns.
is there any elegant solution?
…
![]()
Vrajesh Savaliya
|