永发信息网

如何使用jquery来初始化echarts

答案:7  悬赏:20  手机版
解决时间 2021-04-05 04:34
如何使用jquery来初始化echarts
最佳答案
1.引入 ECharts

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

3.然后就可以通过 echarts.init 方法初始化一个 echarts 实例并通过 setOption 方法生成一个简单的柱状图,下面是完整代码。
ECharts
全部回答
第一步,先获取DOM节点
//获取初始化的元素
var oGraph = $('#graph01');
第二步,设置echarts的option配置
var option = { }; //具体配置参考官方文档
第三步,初始化echarts
//图表初始化
var oGraph = echarts.init( oGraph );

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

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


    
    Title
 
 
 
 












  • 3楼网友:鱼忧
  • 2021-04-04 15:37














jQuery同理用$(function(){
//areaChart(packageData, chartsObjName, issueNames);
});
  • 4楼网友:逃夭
  • 2021-04-04 14:11




ECharts







  • 5楼网友:像个废品
  • 2021-04-04 12:33
1.引入 ECharts

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

3.然后就可以通过 echarts.init 方法初始化一个 echarts 实例并通过 setOption 方法生成一个简单的柱状图,下面是完整代码。
ECharts
  • 6楼网友:長槍戰八方
  • 2021-04-04 11:37

1.引入 ECharts



   
   
   



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

   
   



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



   
   ECharts
   
   


   
   

   


我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯