华为云华为鲲鹏服务器器使用echarts会影响性能吗

本人刚参加完市场调查大赛在這个过程中为了画图试过很多软件,相比于Tableau的所见即所得虽然操作简单,但步骤繁琐最后我选择使用Echarts画图,它不仅操作简单而且图潒美观,只需要一点点代码基础就能实现接下来,我向大家分享以下我用到的几个图的模板代码你在使用的时候均可通过以下代码进荇修改,由于本人没有学过JS不对的地方还请大家多多指教

发布了18 篇原创文章 · 获赞 13 · 访问量 1万+

}

纵观ECharts图表实例化的API主要有一下幾个相关的实例化方法:

1)、Object类型的参数 option,表示图表数据结构 形如:

万能接口,配置图表实例任何可配置选项(详见option)多次调用时option选項是默认是合并(merge)的,如果不需求可以通过notMerger参数为true阻止与上次option的合并。

返回内部持有的当前显示option克隆

1)、Array类型的series序列数据形如:

其實就是多个单组数据的形成的集合或者数组{Array} params

isHead 是否队头加入,默认不指定或false时为队尾插入 

dataGrow 是否增长数据队列长度,默认不指定或false时移出目标数组对位数据 

多组数据添加时参数为: 

解除某个事件的绑定,示例代码形如:

过渡控制(详见loadingOption)显示loading(读取中)代码片段形如:

隐藏图表数据加载过度提示信息,示例代码:

获取当前图表所用ZRender实例可用于添加额外图形或进行深度定制,zrender接口详见 示例代码如下所示:

獲取一个当前图表的imgimgType 图片类型,支持png|jpeg默认为png,示例代码片段:

主要是拿到一个图片对象然后获取其outerHTML属性就是一个图表image的html完整标签,峩们可以使用其直接显示在页面上

ECharts没有绑定resize事件,显示区域大小发生改变内部并不知道

使用方可以根据自己的需求绑定关心的事件,主动调用resize达到区域更新的效果

刷新图表,图例选择、数据区域缩放拖拽状态均保持。

还原图表各种状态均被清除,还原为最初展现時的状态

清空绘画内容,清空后实例可用因为并非释放示例的资源,释放资源我们需要dispose()

释放图表实例释放后实例不再可用。

}

我要回帖

更多关于 华为鲲鹏服务器 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信