今天在开发的时候,出现了这样的问题,如下如:

.net C# 前端使用 echarts图表 不显示的问题

然后我就开始排查问题:

1.确认数据源是否正确

2.echarts使用方法是否正确(当然这个方法我是很确定的,因为只有在标签切换的时候才会出现这样的问题)

3.在多种加载方式中,查看该情况下的区别,然后终于找到了问题原因,希望能解决你的问题。

.net C# 前端使用 echarts图表 不显示的问题

echarts的原理其实是对应的包装了使用了canvas画布,F12打开调试页面,看最终生成的Html页面的代码,我们可以发现画布会有一个长宽,设置的比较小。

因为生成的表比较的大,所以在真实情况下,并不能将表格放入到图表中,所以就要将画布增大。

解决方案:

根据图表,将其宽度进行增加。

相关文章: