对echart使用js进行二次封装,如何将option对象用一个函数返回出来
现在就是这个js文件已经可以实现画表格功能了,但是老板要求把整体封装成一个函数,然后返回这个option
相当于输入一串数据,通过函数输出 图表。 即如何将JS 文件替换为一个函数调用
HTML文件
var temp = [{"text":"zmx"},{"y1":"ml"},{"y2":"kg"},{"name1":"hello"},{"name2":"world"}]
var data1=[{X:"1",Y:"0"},{X:"2",Y:"20"},{X:"3",Y:"40"},{X:"4",Y:"60"},{X:"1",Y:"80"},{X:"1",Y:"100"}]
var data2=[{X:"1",Y:"10"},{X:"1",Y:"20"},{X:"1",Y:"30"},{X:"1",Y:"50"},{X:"1",Y:"70"},{X:"1",Y:"90"}]
var option=function(){
var this.title= temp[0].text;
}
console.log(option.title);
js文件
var converX = function (data) {
var res = [];
for (var i = 0; i< data.length; i++){
res.push(data[i].X)
}
return res;
}
var converY = function (data) {
var res = [];
for (var i = 0; i < data.length; i++) {
res.push(data[i].Y);
}
return res;
};
var myChart = echarts.init(document.getElementById('main'));
var option = {
title: {
text: temp[0].text //0
},
tooltip: {
trigger: 'axis'
},
legend: {
data:['位置2','位置3']
},
xAxis: {
data: converX(data1),
},
yAxis: [
{
type: 'value',
name: temp[1].y1,
},
{
type: 'value',
name: temp[2].y2,
}
],
series: [
{
name:temp[3].name1,
type:'bar',
data:converY(data1),
},
{
name:temp[4].name2,
type:'line',
yAxisIndex: 1,
data:converY(data2),
}
]
};
myChart.setOption(option);
相关阅读:
Mantle如何将数组里面的几个元素映射到不同的属性上呢?
RewriteRule url重写规则影响了加载文件路径
IOS使用个推消息推送无法收到通知
webapp如何实现长按录音,手指弹起结束录音?
NF_INET_POST_ROUTING处如何获取目的mac
vue锚点跳转 jq写的 想改成 vue的
如何返回ajax打开的界面
通过改html的样式在 MFMailComposeViewController的messagebody中加输入框,但是样式中的图片不显示
请问github如何添加远程仓库?
微信开发者工具点击inspect弹出是的空白页面?
如何用php遍历此数组
这段代码为什么能输出
laravel 配置路由 除了 '/' 都是404,求助!!!
关于zend studio的php单步调试相关
git add sb 就出现fatal这个错误的问题?
python中的raw_put接收问题,试了好久都不行,求大神解答~
关于 sass 的 Mixins
用mv覆盖了一个有用的文件,如何恢复?
如何给自己的cocoapods库提交一个更新?
django1.5 自定义User模块后执行 syncdb 总是报错 TypeError: create_superuser() takes exactly 4 arguments (3 given)