怎样用js封装一个html,javascript,html_对echart使用js进行二次封装，如何将option对象用一个函数返回出来，javascript,html,echarts - phpSt...

对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)