永发信息网

如何使用jquery来初始化echarts

答案:7  悬赏:20  手机版
解决时间 2021-04-05 04:34
  • 提问者网友:低吟詩仙的傷
  • 2021-04-04 10:46
如何使用jquery来初始化echarts
最佳答案
  • 五星知识达人网友:有你哪都是故乡
  • 2021-04-04 11:26
1.引入 ECharts

2.绘制一个简单的图表
在绘图前我们需要为 ECharts 准备一个具备高宽的 DOM 容器。

3.然后就可以通过 echarts.init 方法初始化一个 echarts 实例并通过 setOption 方法生成一个简单的柱状图,下面是完整代码。
ECharts
全部回答
  • 1楼网友:往事埋风中
  • 2021-04-04 17:45
第一步,先获取DOM节点
//获取初始化的元素
var oGraph = $('#graph01');
第二步,设置echarts的option配置
var option = { }; //具体配置参考官方文档
第三步,初始化echarts
//图表初始化
var oGraph = echarts.init( oGraph );
  • 2楼网友:不如潦草
  • 2021-04-04 17:10

这个比较困难了 我们应该这样搞 首先要扩展一下jq使其关联echarts我们把扩展的方法就叫做jqEcharts吧
jq版本:1.8.3
echarts版本:3.5.2

下面给出一份演示 
如果要看效果应该引入对应的库文件


    
    Title
 
 
 
 


























jQuery同理用$(function(){
//areaChart(packageData, chartsObjName, issueNames);
});




ECharts







1.引入 ECharts

2.绘制一个简单的图表
在绘图前我们需要为 ECharts 准备一个具备高宽的 DOM 容器。

3.然后就可以通过 echarts.init 方法初始化一个 echarts 实例并通过 setOption 方法生成一个简单的柱状图,下面是完整代码。
ECharts

1.引入 ECharts



   
   
   



2.绘制一个简单的图表
在绘图前我们需要为 ECharts 准备一个具备高宽的 DOM 容器。

   
   



3.然后就可以通过 echarts.init 方法初始化一个 echarts 实例并通过 setOption 方法生成一个简单的柱状图,下面是完整代码。



   
   ECharts
   
   


   
   

   


我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
从北京出发的自驾游计划7天行程
黑G4401有没有违章行为
82年女和61年男婚姻
江西有什么烟好抽,江西有什么特产烟?
两副春节对联
开门红超市地址在什么地方,想过去办事
要求老公每天凌晨一点前睡觉,很过分吗
朋友出车祸了人没事就是车子坏了我不在他身边我不
酒店回复好评语,淘宝买家给个好评,但是写的话简直
Seasky NetJoy 音标怎么写
我看见一个电影片段,是权相宇在浴室里裸着上身上
高炮67师608团2营高级2连1排1班
关于幸福的作文,相呼应的开头结尾
美的电磁炉取下锅也工作正常吗
读图.回答下列问题:北京在武汉________方,上海
推荐资讯
朗诵诗歌适合男生,适合成年人多人朗诵的诗歌
哪个软件查网贷黑名单,网贷信用黑名单有没有免费
银桥黑谷牛奶保质期是几个月
(l0分)【思想政治—国家和国际组织常识】阅读材
电影爵迹全部台词,小4《临界爵迹》的经典语录
惠普笔记本进水怎么办????
LeovoM4700打印机怎样安装
为什么喜欢的颜色和性格有关系?心理学的依据是什
正方形一边上任一点到这个正方形两条对角线的
阴历怎么看 ?