vue-echarts设置了title不显示

Question

使用vue-echarts船舰的图标组件，图可以显示，标题不显示是怎么回事，官方的例子

<template>
  <div class="map">
    <h1></h1>
    <v-chart :options="datas" />
  </div>
</template>
<script>
import 'echarts/lib/chart/line'
// import 'echarts/lib/component/polar'
export default {
  data(){
    return{
      datas:{
        title: {
          left: 'center',
          text: '折线图',
        },
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [820, 932, 901, 934, 1290, 1330, 1320],
            type: 'line'
        }]
      }
    }
  }
}
</script>

vue-echarts的引用放在main.js
里面了

import Echarts from 'vue-echarts'
import 'echarts/lib/chart/bar'
import 'echarts/lib/component/tooltip'
Vue.component('v-chart',Echarts)

vue-cli3创建的，vue.config.js也配置了。
效果图：

标题不显示，是哪里有错误？

Answer 1

import 'echarts/lib/component/title'