You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@echarts.apache.org by GitBox <gi...@apache.org> on 2019/05/21 03:39:39 UTC

[GitHub] [incubator-echarts] fanyifanbumaimeng opened a new issue #10507: 柱状图,x轴文字颜色深浅不一致,最后一个加粗,怀疑是重复渲染。

fanyifanbumaimeng opened a new issue #10507: 柱状图,x轴文字颜色深浅不一致,最后一个加粗,怀疑是重复渲染。
URL: https://github.com/apache/incubator-echarts/issues/10507
 
 
   ### Version
   4.2.1
   
   ### Steps to reproduce
   // 基于准备好的dom,初始化echarts实例
       let myChart = echarts.init(document.getElementById('bar'));
       // 绘制图表
       myChart.setOption({
         title: {
           text: '风险内容',
           textStyle: {
             fontSize: 16,
             color: '#24344E',
           },
         },
         tooltip: {},
         xAxis: {
           data: ['涉政暴恐', '敏感人物', '用户定义', '内容篡改', '垃圾信息', '色情低俗'],
           axisLabel: {
             interval: 0,
             show: true,
             textStyle: { color: 'rgba(0,0,0,0.80)' },
           },
           axisLine: { lineStyle: { color: '#eee' } },
           axisTick: { show: false },
           scale: false,
         },
         grid: {
           containLabel: true,
           left: 10,
         },
         yAxis: {
           axisLine: { show: false },
           axisLabel: {},
           axisTick: { show: false },
           scale: false,
         },
         series: [{
           data: this.props.data,
           name: '风险内容',
           type: 'bar',
           barWidth: 18, // 柱图宽度
           itemStyle: {
             normal: {
               // 每根柱子颜色设置
               color (params) {
                 let colorList = [
                   '#FF0080',
                   '#FF3B60',
                   '#FF7342',
                   '#FFA12A',
                   '#FFCA14',
                   '#FFEE00',
                 ];
                 return colorList[params.dataIndex];
               },
               label: {
                 show: true, // 开启显示
                 position: 'top', // 在上方显示
                 textStyle: { // 数值样式
                   color: 'rgba(0,0,0,0.80)',
                   fontSize: 12,
                 },
               },
             },
           },
         }],
       }, true, false);
   
   ### What is expected?
   x轴文字粗细一致。
   
   ### What is actually happening?
   x轴文字粗细不一致
   
   <!-- This issue is generated by echarts-issue-helper. 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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

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