How can I add more padding to tree chart in echartjs?

You need to change the values of the top and bottom properties to negative values, and the left and right properties to larger positive values.

For example, set top : -10% and bottom: -15%. Then Right: 20% and left:15%. You will have to try different values until you find a combination that suits your situation.The higher the right and left values, and the lower the top and bottom values, the more pronounced the effect. That is, making your chart taller and narrower, thus spacing or padding out the values.

You could also reduce the value of the symbolSize property e.g to 1.

Here is the link to the JsFiddle