console
new Vue({
el: '#app',
data: function() {
this.chartSettings = {
yAxisName: ['时间']
}
return {
chartData: {
columns: ['日期', '访问用户'],
rows: [{
'日期': '1/1',
'访问用户': '2008-5-12 12:00:00'
},
{
'日期': '1/2',
'访问用户': '2009-5-12 12:00:00'
},
{
'日期': '1/3',
'访问用户': '2010-5-12 12:00:00'
},
{
'日期': '1/4',
'访问用户': '2011-5-12 12:00:00'
},
{
'日期': '1/5',
'访问用户': '2012-5-12 12:00:00'
},
{
'日期': '1/6',
'访问用户': '2013-5-12 12:00:00'
}]
}
}
},
methods: {
afterSetOption(chartObj) {
var self = this;
chartObj.setOption({
yAxis: {
type: 'time'
},
tooltip: {
formatter(params, ticket, callback) {
console.log(params);
let result = '';
result = `
<div>${params[0].name}</div>
<div>${params[0].marker}${params[0].value[0]}:${params[0].value[1]}</div>
`
return result;
}
},
})
}
}
})
<div id="app">
<ve-line :data="chartData" :after-set-option="afterSetOption" :settings="chartSettings">
</ve-line>
</div>