echarts导入后创建为空白

daybydaybyb 2019-06-12 05:21:01

按照官网教程打的,为什么显示的是空白啊

...全文

419 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

琞、小菜 2019-06-13

打赏
举报

回复

我已经按照你的代码尝试了一下，是引入E charts的问题，建议你换一个cdn

琞、小菜 2019-06-13

打赏
举报

回复

试试别的版本的cdn，echarts有些功能如果版本过低就会出现什么都不显示的问题，或者看看你引入的E charts文件是不是有问题

usecf 2019-06-12

打赏
举报

回复

在浏览器下看看有什么错误没

博客介绍了在项目中使用ECharts实现堆叠柱状折线图的步骤，包括安装、导入、创建容器、配置参数和调用函数等。强调ECharts配置数据在Vue的mounted阶段调用，因该阶段DOM已挂载，可确保正确渲染图表，避免页面加载时出现空白。

该博客介绍在Vue项目中使用ECharts绘制地图的方法。首先需创建空白Vue项目和用于写ECharts地图的空白文件，接着下载ECharts和地图json文件，给出基础地图的完整代码，还提及在代码里添加属性实现标点及其他效果配置。

博客主要围绕页面导出PDF时ECharts统计图部分为空白的问题展开。原因是代码复制dom字符串，ECharts用canvas绘制，仅复制节点致导出空白。解决办法是直接获取原生节点，但会使原节点消失，可在生成PDF后将节点放回父节点。

博客主要围绕ECharts柱状图左右两侧出现空白的问题展开。分析了由网格布局、坐标轴边界间隙等因素导致该问题的原因，并给出了调整组件配置、处理坐标轴属性、调整柱子宽度属性以及处理数据量少情况等解决办法，以让柱状图铺满容器。

博主做报表使用echarts图表时，发现渲染后四周有大片空白区域。通过参考Echarts配置项属性grid，利用其top、right、bottom、left四个属性值控制canvas距离容器四周的距离，设置页面距离容器距离为12px后完美解决问题。

87,990

社区成员

224,684

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章