[]Laya整合echarts示例(TypeScript)
下图是运行效果
以下是新建项目,修改后的onLoaded函数。
具体步骤:
1、使用LayaAir IDE新建空项目
2、将下载好的 echarts.js 放入项目 \bin\libs 目录,在index.html中加入引用。
可直接运行的项目链接
以下是新建项目,修改后的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中加入引用。
<!--用户自定义顺序文件添加到这里-->3、修改LayaUISample.ts中的 onLoaded 函数,其中注释laya相关代码下面5行使用laya的api,下面的是echarts官方示例代码。
<!--jsfile--Custom-->
<script type="text/javascript" src="libs/echarts.js"></script>
<!--jsfile--Custom-->
可直接运行的项目链接
没有找到相关结果
已邀请:
1 个回复
zsq
赞同来自: