Remove Vertical Lines from AMCHARTS Grid and keep Horizontal lines

Question

My question is about a specific Graphs and Charts Building Tool call AMCHARTS. I am using their live editor to build a Graph, and I need to remove the vertical lines (leave the horizontal lines only) from the chart grid.

Is it possible to do so?

thanks,

score 13 · Answer 1 · answered Jul 15 '20 at 01:12

13

Just in case someone is still looking for the answer:

//disable horizontal lines    
valueAxis.renderer.grid.template.strokeWidth = 0;

//disable vertical lines
categoryAxis.renderer.grid.template.strokeWidth = 0;

answered Jul 15 '20 at 01:12

SimonDau

425
4
8

score 11 · Answer 2 · answered Sep 29 '16 at 10:50

11

just change "categoryAxis"

"categoryAxis": {
     "gridThickness": 0
},

Thanks.

answered Sep 29 '16 at 10:50

Sri

496
1
5
20

score 5 · Answer 3 · answered Apr 24 '19 at 07:57

5

If you're looking for a solution on amCharts 4 use the following:

categoryAxis.renderer.grid.template.disabled = true;

See official docs for disabling certain elements

answered Apr 24 '19 at 07:57

Alon Rosenfeld

1,392
13
13

your solution is hiding both - vertical and horizontal. But the request is about hiding only vertical lines. – Ihor Khomiak Oct 04 '22 at 08:18

score 3 · Answer 4 · answered May 17 '17 at 17:29

3

For removing the horizontal lines in the grid ...

   "valueAxes":{
                  "gridThickness":0
               },

answered May 17 '17 at 17:29

user3384672

73
1
3
11

It's valueAxes. – user3384672 Aug 31 '18 at 21:01
@user3384672 It's not working for me. It is removing the whole graph. – Shahzad Ahamad Sep 18 '18 at 13:16

score 2 · Answer 5 · answered Jun 23 '22 at 05:11

If you are looking for am5charts, then add

yAxis.get("renderer").grid.template.setAll({
      strokeWidth: 0,
      visible:false
    });


xAxis.get("renderer").grid.template.setAll({
      location: 0,
      strokeWidth: 0,
      visible:false
    });

score 0 · Answer 6 · answered Feb 17 '16 at 16:33

0

Just did some research, I'm posting the answer so that other can benefit. This option is in the "Category Axis -> Grid and Fills" Section.

answered Feb 17 '16 at 16:33

user3772369

231
1
3
10

score 0 · Answer 7 · answered Jul 30 '21 at 16:17

0

this is a good anseer by adding one more category or value axis to our charts:

https://github.com/amcharts/amcharts4/issues/2866

answered Jul 30 '21 at 16:17

ProblemSolver

636
1
8
16

Remove Vertical Lines from AMCHARTS Grid and keep Horizontal lines

7 Answers7