[]Laya整合echarts示例(TypeScript)

下图是运行效果
QQ截图20180707185514.png

 
以下是新建项目,修改后的onLoaded函数。
function onLoaded(): void {
//laya相关代码
var div:any = Laya.Browser.document.createElement("div");
div.style.width = "600px";
div.style.height = "400px";
Laya.Browser.document.body.appendChild(div);
var myChart = new Laya.Browser.window.echarts.init(div);

var option = {
title: {
text: 'ECharts 入门示例'
},
tooltip: {},
legend: {
data:['销量']
},
xAxis: {
data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
},
yAxis: {},
series: [{
name: '销量',
type: 'bar',
data: [5, 20, 36, 10, 10, 20]
}]
};

// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
}

具体步骤:
1、使用LayaAir IDE新建空项目
2、将下载好的 echarts.js 放入项目 \bin\libs 目录,在index.html中加入引用。
	<!--用户自定义顺序文件添加到这里-->
<!--jsfile--Custom-->
<script type="text/javascript" src="libs/echarts.js"></script>
<!--jsfile--Custom-->
3、修改LayaUISample.ts中的  onLoaded  函数,其中注释laya相关代码下面5行使用laya的api,下面的是echarts官方示例代码。
 
可直接运行的项目链接
 
 
已邀请:

zsq

赞同来自:

另一个例子,世界地图。
QQ截图20180707210311.png

该问题目前已经被锁定, 无法添加新回复

商务合作
商务合作