Echart..js插件渲染报错 data.length<1?

问题

  getJSON提交 返回数据正常,在传入参数进行序列化,渲染报表时报错 option.data.length < 1.

分析 

1.可能情况一:

.

可自己明明是getJSON()把渲染放在成功回调函数里面了,所以显然不是这个错误

2.可能情况二 :

  序列化数据没有获取到 为空,所以提示option.data.length<1

原因:

在序列化横坐标数据时,通过switch(type)根据不同类型 初始化横坐标 ,但是传过来的type 0 为 字符串型而switch(type)里type为数值型所以匹配 不到 初始化数据位空

        types=type;    //types=parsesInt(type);
            switch (types) {
                case 0 :        // day

                    var strDate = date.getMonth() + 1 + "/" + date.getDate();
                    xAxis.push(strDate);
                    break;
                case 1 :        // week
                    var strDate = date.getMonth() + 1 + "/" + date.getDate();
                    xAxis.push(strDate);
                    break;
               case 3 :        // custom
                   var strDate = date.getMonth() + 1 + "/" + date.getDate();
                   xAxis.push(strDate);
                    break;
                default :
                    break;
            }

 

你妈坑我一下午,程序就是程序,走不通肯定有问题,所以还是要静下来分析原因,一步一步 调

parseInt(type)转换为数值型

 

转载于:https://www.cnblogs.com/jiechn/p/4707065.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: Echart.js是一款基于JavaScript的开源可视化库,主要用来生成各种图表和数据可视化。它功能强大、灵活性高,能够满足不同类型的数据可视化需求,支持部分常用的图表类型,如折线图、柱状图、饼图、散点图等,同时也支持自定义图表。Echart.js的使用方便简单,只需引入库文件,然后使用API即可轻松地绘制出漂亮的图表,同时还支持动画效果,使生成图表更加生动形象。除了基础的图表类型以外,Echart.js还支持地图数据可视化,能够将各个省份或国家的数据显示在地图上,更方便地展现区域特点。同时,Echart.js还支持数据的动态更新和切换,能够实现实时数据分析,使数据更加直观易懂。总之,Echart.js是一款功能强大、易于使用的可视化库,适用于各种数据分析和展示场合。 ### 回答2: echart.js是一款基于JavaScript的开源数据可视化库,它可以帮助开发者轻松地创建各种精美的图表、地图、仪表盘等数据可视化界面,实现直观、易懂的数据展示和分析。 echart.js提供了丰富的图表类型,如饼图、柱状图、折线图、散点图等,同时支持多种数据格式的导入,包括数组、JSON、XML等。使用者只需在HTML页面中引入相应的echart.js文件,并设置数据、配置参数,即可实现自定义的数据可视化展示。 echart.js支持多语言、响应式布局、主题定制等功能,同时还提供了强大的图表交互和关联功能,如鼠标滑过、联动数据等,方便用户进行数据探索和分析。 该库还提供了全面的API文档和示例代码,方便开发人员学习和使用。由于它是开源的,因此任何人都可以进行修改和衍生开发,为数据可视化提供更多的创新型解决方案。 总体而言,echart.js是一款功能强大、易用性高、扩展性好的数据可视化工具,值得开发人员和数据分析师在工作中广泛使用。 ### 回答3: echarts.js是一款由百度开发的数据可视化库,是一款快速,简单易用的可视化解决方案,通过它可以轻松地创建各种类型的图表,包括柱状图、折线图、饼图等。它使用了HTML5 Canvas技术,可以在各种设备上展示出非常美观的图表效果。echarts.js也具有良好的扩展性和自定义性,用户可以根据自己的需求自定义图表的样式。 echarts.js在使用过程中,能够处理大量的数据,并可以快速地响应用户操作。它还支持数据动态更新,可以实现实时监控和交互式的数据探索。使用echarts.js可以方便地将多个图表组合在一起,形成一个大的报表界面。 作为一款流行的数据可视化库,echarts.js具有许多优点。它的上手难度低,开发效率高,支持诸多图表类型,数据可视化效果非常好,而且使用规范简单明了,文档详细易懂,完全开放源代码,还有社区完善的支持体系。 当然,echarts.js也存在一些缺点。与其他的数据可视化库相比,它的渲染速度稍慢,对于一些大数据量的可视化需求,可能需要采取一些优化措施。此外,对于一些高级可视化需求,可能需要一些更加专业、灵活的库来实现。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值