echarts Y axis label having vertical text

jquery echarts
Rupesh Arora picture Rupesh Arora · May 10, 2017 · Viewed 11.6k times · Source

All I'm trying to make charts using e charts library read the documentation and find lots of example over internet too but unable to find how to write label in y-axis with vertical text.

As per the docs where it might be write is axisLabel : {} object but still not sure.

Just want a simple text in vertical at y-axis

Answer

E. Lion picture E. Lion · May 10, 2017

To insert the label on the y axis in vertical position, you should included the following suboptions in the yAxis option:

Code example: 

    .......
    yAxis : [
      {
        type : 'value',
        axisLabel : {
          formatter: '{value} °C'
        },
        name: 'Y-Axis',
        nameLocation: 'middle',
        nameGap: 50
      }
    ],
    .......

where the nameLocation: 'middle' option will position the label vertically; And the nameGap: 50 option, indicates the separation with the axisLabel tags.

Attached a screenshot with the result

I hope you help and sorry for my English

Related questions

How do I redirect to another webpage?

How can I redirect the user from one page to another using jQuery or pure JavaScript?

Read More
Why does my JavaScript code receive a "No 'Access-Control-Allow-Origin' header is present on the requested resource" error, while Postman does not?

Mod note: This question is about why Postman is not subject to CORS restrictions in the same way an XMLHttpRequest is. This question is not about how to fix a "No 'Access-Control-Allow-Origin'..." error. Please stop posting: CORS configurations for every …

Read More
How do I check whether a checkbox is checked in jQuery?

I need to check the checked property of a checkbox and perform an action based on the checked property using jQuery. For example, if the age checkbox is checked, then I need to show a textbox to enter age, else …

Read More