Closed aerowhiz closed 3 years ago
stale[bot]
commented
3 years ago This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.
github-actions[bot]
commented
3 years ago This issue has been automatically closed because it did not have recent activity. If this remains to be a problem with the latest version of Apache ECharts, please open a new issue and link this to it. Thanks!
General Questions
PLEASE MAKE SURE OF ALL THE FOLLOWING OPTIONS IN REQUIRED FIELDS ARE TICKED (with x)! Otherwise, the issue will not be answered. And think before you tick. :) 请确保以下每项都打上勾了！并且确保都做了这些事哦~ 这将大量简化我们的工作流程，使你的问题更快速得到解答。
In this issue, I have provided information with: 在这个 issue 中我提供了以下信息：
Issue Type
Issue Details
Axis tick labels not readable in bar3D chart using echarts 4.2.0-rc2 and echarts-gl 1.1.1
Expected Behavior
Axis tick labels should be readable
Current Behavior
The bounding boxes for Axis tick labels and Axis name labels are too small and make the fonts unreadable if you use Echarts.js v 4.2.0-rc2 with Echarts-gl.js v1.1.1. The labels are correct and readable if you use Echarts.js v1539619315213 (copied from the echarts gallery pages) with Echarts-gl.js v 1.1.1. The Echarts routines called by Echarts-gl return bounding box rectangle heights of 5.9px when v4.2.0 is called and 12px when v1539619315213 is called. Here are screenshots of each combination:
Online Example
I made a fiddle of the problem, but it would not load any of the sources of the 3 scripts mentioned above due to either 1) sources must be https 2) the source mime types were text/html and rejected, or 3) the content was considered "mixed" and failed CORBS requirements. Very frustrating- wasted hours... I had intended to comment out one of the eCharts.min.js scripts to show that it runs on the older script but not the current 4.2.0 script. Here is the fiddle code that could not run because the scripts would not load. The fiddle link is https://jsfiddle.net/aerowhiz/ecquz73y/33/
<!DOCTYPE html>
Here is the javascript that was set to run upon DOM load:
var option = { title: { text: 'Tenant Information from Nov 2017 to Oct 2018' }, legend: {}, tooltip: {}, xAxis3D: { type: 'category', name: 'Building', nameGap: 30, axisLabel: { interval: 0 } }, yAxis3D: { type: 'category', name: 'Billing Month', axisLabel: { interval: 0 } }, zAxis3D: { type: 'value', name: 'Total Bill $' }, grid3D: { boxWidth: 120, boxDepth: 80, viewControl: { projection: 'orthographic' }, light: { main: { intensity: 1.2, shadow: false }, ambient: { intensity: 0.3 } } }, series: [{ type: 'bar3D', data: [ ['1 Battery Park Place', 'Oct 18', 88078.4], ['1 Battery Park Place', 'Sep 18', 119854.41], ['1 Battery Park Place', 'Aug 18', 121790.77], ['1 Battery Park Place', 'Jul 18', 131931.33], ['1 Battery Park Place', 'Jun 18', 120208.97], ['1 Battery Park Place', 'May 18', 83411.4], ['1 Battery Park Place', 'Apr 18', 81023.99], ['1 Battery Park Place', 'Mar 18', 83026.48], ['1 Battery Park Place', 'Feb 18', 155763.19], ['1 Battery Park Place', 'Jan 18', 93825.72], ['1 Battery Park Place', 'Dec 17', 108790.76], ['1 Battery Park Place', 'Nov 17', 91696.91], ['1 Whitehall Street', 'Oct 18', 40913.78], ['1 Whitehall Street', 'Sep 18', 37792.28], ['1 Whitehall Street', 'Aug 18', 37601.94], ['1 Whitehall Street', 'Jul 18', 40411.34], ['1 Whitehall Street', 'Jun 18', 24286.07], ['1 Whitehall Street', 'May 18', 26643.51], ['1 Whitehall Street', 'Apr 18', 28688.26], ['1 Whitehall Street', 'Mar 18', 24690], ['1 Whitehall Street', 'Feb 18', 30404.8], ['1 Whitehall Street', 'Jan 18', 27223.61], ['1 Whitehall Street', 'Dec 17', 30712.08], ['1 Whitehall Street', 'Nov 17', 36539.79], ['345 Park Avenue', 'Oct 18', 384932.61], ['345 Park Avenue', 'Sep 18', 347943.74], ['345 Park Avenue', 'Aug 18', 371592.27], ['345 Park Avenue', 'Jul 18', 381793.79], ['345 Park Avenue', 'Jun 18', 248554.28], ['345 Park Avenue', 'May 18', 247661.12], ['345 Park Avenue', 'Apr 18', 256088.01], ['345 Park Avenue', 'Mar 18', 272176.13], ['345 Park Avenue', 'Feb 18', 262023.77], ['345 Park Avenue', 'Jan 18', 277177.69], ['345 Park Avenue', 'Dec 17', 328752.14], ['345 Park Avenue', 'Nov 17', 326298.6], ['55 Broad Street', 'Oct 18', 98587.49], ['55 Broad Street', 'Sep 18', 93863.63], ['55 Broad Street', 'Aug 18', 97945.68], ['55 Broad Street', 'Jul 18', 97743.12], ['55 Broad Street', 'Jun 18', 56377.45], ['55 Broad Street', 'May 18', 53056.05], ['55 Broad Street', 'Apr 18', 51226.55], ['55 Broad Street', 'Mar 18', 50277.86], ['55 Broad Street', 'Feb 18', 50228.68], ['55 Broad Street', 'Jan 18', 52055.39], ['55 Broad Street', 'Dec 17', 59295.31], ['55 Broad Street', 'Nov 17', 58012.97] ], label: { textStyle: { fontSize: 16, borderWidth: 1 } }, emphasis: { itemStyle: { color: '#AAA' } } }], visualMap: { max: 384932, inRange: { color: ['#313695', '#4575b4', '#74add1', '#abd9e9', '#e0f3f8', '#ffffbf', '#fee090', '#fdae61', '#f46d43', '#d73027', '#a50026'] } } }; var chart3D = echarts.init(document.getElementById("chart")); chart3D.setOption(option, {notMerge: true});
Topics
Anything Else We Need to Know
Environment
Current versions of Firefox and Chrome running on Windows 7
ECharts version；ECharts 版本: Echarts.js v 4.2.0-rc2 with Echarts-gl.js v1.1.1. The labels are correct and readable if you use Echarts.js v1539619315213
[ ] It happens only on certain browsers or operating systems. 对于特定浏览器或操作系统才会出现的问题，请提供相应环境信息：Tested in current versions of Firefox and Chrome with equal results.