You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by GitBox <gi...@apache.org> on 2021/11/27 11:50:14 UTC

[GitHub] [echarts] GirkovArpa opened a new issue #16123: nameTextStyle doesn't work

GirkovArpa opened a new issue #16123:
URL: https://github.com/apache/echarts/issues/16123


   ### Version
   5.2.2
   
   ### Steps to reproduce
   ```javascript
   xAxis: {
     type: 'category',
     data: ['foo', 'bar', 'baz'],
     inverse: false,
     nameTextStyle: {
       align: 'center',
       verticalAlign: 'top',
     },
   }
   ```
   
   ### What is expected?
   Horizontal axis labels are positioned INSIDE of the bars.
   
   ### What is actually happening?
   Horizontal axis labels are positioned BELOW the bars.
   
   ---
   The property `nameTextStyle` has no effect.
   
   <!-- This issue is generated by echarts-issue-helper. DO NOT REMOVE -->
   <!-- This issue is in English. DO NOT REMOVE -->


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org



---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org


[GitHub] [echarts] pissang edited a comment on issue #16123: nameTextStyle doesn't work

Posted by GitBox <gi...@apache.org>.
pissang edited a comment on issue #16123:
URL: https://github.com/apache/echarts/issues/16123#issuecomment-982235379


   @GirkovArpa Perhaps you can try using another dummy transparent series to display the labels `C`, `D`. Here is an example:
   ```ts
   option = {
     xAxis: {
       type: 'category',
       data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
       axisLabel: { show: false } // Not show labels on the axis.
     },
     yAxis: {
       type: 'value'
     },
     series: [
       {
         data: [120, 200, 150, 80, 70, 110, 130],
         type: 'bar',
         // Make sure bar are overlapped.
         barGap: '-100%',
         label: {
           show: true,
           position: 'top'
         }
       },
       {
         data: [120, 200, 150, 80, 70, 110, 130],
         type: 'bar',
         itemStyle: {
           color: 'transparent'
         },
         label: {
           show: true,
           position: 'insideTop',
           color: '#fff',
           fontSize: 20,
           formatter: '{b}'
         }
       }
     ]
   };
   ```
   


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org



---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org


[GitHub] [echarts] GirkovArpa commented on issue #16123: nameTextStyle doesn't work

Posted by GitBox <gi...@apache.org>.
GirkovArpa commented on issue #16123:
URL: https://github.com/apache/echarts/issues/16123#issuecomment-981567389


   Ah, I misunderstood what `nameTextStyle` is for.  
   
   This is what I am trying to achieve:
   
   ![](https://i.imgur.com/7wHRbmc.png)
   
   I marked what I don't want with a red X, and what I do want with a green checkmark 🙂 


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org



---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org


[GitHub] [echarts] GirkovArpa commented on issue #16123: nameTextStyle doesn't work

Posted by GitBox <gi...@apache.org>.
GirkovArpa commented on issue #16123:
URL: https://github.com/apache/echarts/issues/16123#issuecomment-982788217


   Perfect, thanks!


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org



---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org


[GitHub] [echarts] GirkovArpa closed issue #16123: nameTextStyle doesn't work

Posted by GitBox <gi...@apache.org>.
GirkovArpa closed issue #16123:
URL: https://github.com/apache/echarts/issues/16123


   


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org



---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org


[GitHub] [echarts] echarts-bot[bot] commented on issue #16123: nameTextStyle doesn't work

Posted by GitBox <gi...@apache.org>.
echarts-bot[bot] commented on issue #16123:
URL: https://github.com/apache/echarts/issues/16123#issuecomment-980546327


   Hi! We've received your issue and please be patient to get responded. 🎉
   The average response time is expected to be within one day for weekdays.
   
   In the meanwhile, please make sure that it contains **a minimum reproducible demo** and necessary **images** to illustrate. Otherwise, our committers will ask you to do so.
   
   *A minimum reproducible demo* should contain as little data and components as possible but can still illustrate your problem. This is the best way for us to reproduce it and solve the problem faster.
   
   You may also check out the [API](https://echarts.apache.org/api.html) and [chart option](https://echarts.apache.org/option.html) to get the answer.
   
   If you don't get helped for a long time (over a week) or have an urgent question to ask, you may also send an email to dev@echarts.apache.org. Please attach the issue link if it's a technical question.
   
   If you are interested in the project, you may also subscribe to our [mailing list](https://echarts.apache.org/maillist.html).
   
   Have a nice day! 🍵


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org



---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org


[GitHub] [echarts] pissang commented on issue #16123: nameTextStyle doesn't work

Posted by GitBox <gi...@apache.org>.
pissang commented on issue #16123:
URL: https://github.com/apache/echarts/issues/16123#issuecomment-982235379


   @GirkovArpa Perhaps you can try using another dummy transparent series to display the labels `C`, `D`. Here is an example:
   ```ts
   option = {
     xAxis: {
       type: 'category',
       data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
     },
     yAxis: {
       type: 'value'
     },
     series: [
       {
         data: [120, 200, 150, 80, 70, 110, 130],
         type: 'bar',
         // Make sure bar are overlapped.
         barGap: '-100%',
         label: {
           show: true,
           position: 'top'
         }
       },
       {
         data: [120, 200, 150, 80, 70, 110, 130],
         type: 'bar',
         itemStyle: {
           color: 'transparent'
         },
         label: {
           show: true,
           position: 'insideTop',
           color: '#fff',
           fontSize: 20,
           formatter: '{b}'
         }
       }
     ]
   };
   ```
   


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org



---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org


[GitHub] [echarts] Ovilia commented on issue #16123: nameTextStyle doesn't work

Posted by GitBox <gi...@apache.org>.
Ovilia commented on issue #16123:
URL: https://github.com/apache/echarts/issues/16123#issuecomment-981256707


   `name` is the text of `axis.name`. I think what you are looking for is [series-bar.label.position](https://echarts.apache.org/en/option.html#series-bar.label.position).


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org



---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org