使用的是vue2.0，请问.vue文件中如何使用echarts

Posted 2023-04-08

参考技术A main.js

import echarts from "echarts"
A.vuehtml

<div id="charts">
<div id="main" :style="width:'600px',height:'400px'"></div>
</div>
javascript

export default
data ()
return
msg:"123"

,
mounted ()
var myChart = echarts.init(document.getElementById('main'));
myChart.setOption(
title: text: 'ECharts 入门示例' ,
tooltip: ,
xAxis:
data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
,
yAxis: ,
series: [
name: '销量',
type: 'bar',
data: [5, 20, 36, 10, 10, 20]
]
);

有使用 Vue + iView 的朋友吗？请问 Table 组件要怎么使用 filter

参考技术A 按官方教程，Table 只有一个 <Table> 表情，数据填充并不是写在 html 中的，定义数据的对应关系也是放在 js 的 columns 里面。
试过 columns 里面重写 render 函数 return ' data | filter' 是没效果的，我想把时间戳格式化为字符串，要怎么弄… 参考技术B 可以将filter文件里面的时间过滤方法直接引入需要过滤的vue文件，即：import dateFilter from '../../util/filter'，然后在columns里面使用render，例如
render: (h, params) =>
return h('span',
dateFilter(params.row.createTime, 3)
)

这样直接将数据进行过滤即可