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…
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
  • 681
  • 2
  • 7
  • 26
3
votes
1 answer

ColumnChart not show all string labels

I 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…
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
  • 31
  • 1
  • 1
  • 3
3
votes
1 answer

Use Hidden field in syncfusion column chart series

I 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
  • 1,359
  • 3
  • 26
  • 54
3
votes
1 answer

how to format amounts in indian format in google chart

My 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..
2
votes
1 answer

How to reduce space between two columns in column chart using amcharts 4

I'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? …
1
2 3
9 10