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 2020/11/21 01:08:08 UTC
[GitHub] [incubator-echarts] HappyXuan opened a new issue #13656: 关于Echarts在旧版Edge浏览器兼容问题
HappyXuan opened a new issue #13656:
URL: https://github.com/apache/incubator-echarts/issues/13656
### Version
4.9.0
### Steps to reproduce
1. html中：
<div class="linechart" id="applineechart"></div>
2. js配置中：
```javascript
let myChartLeftTop = this.$echarts.init(document.getElementById('applineechart'), null, {renderer: 'svg'});
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
grid: {
left: '21px',
top: '20px',
right: '38px',
bottom: '14px',
containLabel: true
},
xAxis: [{
type: 'category',
data: this.mark,
axisLine: {
show: true,
lineStyle: {
color: "rgba(255,255,255)",
width: 1,
type: "solid"
},
},
axisTick: {
show: false,
},
axisLabel: {
interval: 0,
rotate: 50,
show: true,
splitNumber: 15,
textStyle: {
color: "rgba(255,255,255)",
fontSize: '12',
},
},
}],
yAxis: [{
type: 'value',
axisLabel: {
show: true,
textStyle: {
color: "rgba(255,255,255)",
fontSize: '12',
},
},
axisTick: {
show: false,
},
axisLine: {
show: true,
lineStyle: {
color: "rgba(255,255,255)",
width: 1,
type: "solid"
},
},
splitLine: {
show: false
}
}],
series: [
{
type: 'bar',
// data: [1,2,3,4,5,6,7,8,9,10],
data: this.data,
barWidth: '16px', //柱子宽度
// barGap: 1, //柱子之间间距
itemStyle: {
color: new echarts.graphic.LinearGradient(
//前四个参数用于配置渐变色的起止位置，这四个参数依次对应 右下左上 四个方位。也就是从右边开始顺时针方向。
//通过修改前4个参数，可以实现不同的渐变方向
/*第五个参数则是一个数组，用于配置颜色的渐变过程。
每项为一个对象，包含offset和color两个参数
*/
0, 0, 0, 1, [{//代表渐变色从正上方开始
offset: 0, //offset范围是0~1，用于表示位置，0是指0%处的颜色
color: '#8c4bf7'
}, //柱图渐变色
{
offset: 1, //指100%处的颜色
color: '#4073ff'
}
]
),
}
}
]
};
// 使用刚指定的配置项和数据显示图表。
myChartLeftTop.setOption(optionLeftTop);
window.addEventListener("resize", function () {
myChartLeftTop.resize();
});
```
### What is expected?
按照配置文件的输出，横坐标的文字应该是配置后的白色，旋转50%
### What is actually happening?
在谷歌浏览器(版本87.0)中，一切正常，包括在一些类似火狐浏览器也是没有问题。在老版的edge浏览器中，出现了横坐标字体黑色，配置不生效的兼容性问题
<!-- 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
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [incubator-echarts] echarts-bot[bot] commented on issue #13656: 关于Echarts在旧版Edge浏览器兼容问题
Posted by GitBox <gi...@apache.org>.
echarts-bot[bot] commented on issue #13656:
URL: https://github.com/apache/incubator-echarts/issues/13656#issuecomment-731481173
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 **you have posted enough image to demo your request**. You may also check out the [API](http://echarts.apache.org/api.html) and [chart option](http://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 our [mailing list](https://echarts.apache.org/en/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.
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] [incubator-echarts] plainheart commented on issue #13656: 关于Echarts在旧版Edge浏览器兼容问题
Posted by GitBox <gi...@apache.org>.
plainheart commented on issue #13656:
URL: https://github.com/apache/incubator-echarts/issues/13656#issuecomment-731522245
`rgba` 应该有四个参数，目前你的写法不太标准，不同浏览器可能呈现结果不一样，有的浏览器对一些不标准写法做了兼容。
有试过改成 `rgb` 或者给 `rgba` 加上 `1` 吗？
----------------------------------------------------------------
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
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org