JSFiddle - React, Tailwind, and code Playground

by Vue Echarts

HTML

<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/[email protected]/lib/index.min.js"></script>
 
<div id="app">
  <line-metrics-view :data="lineData" ref="com"></line-metrics-view>
</div>

CSS

@import url('https://cdn.jsdelivr.net/npm/line-metrics-view/lib/style.min.css')

JavaScript

new Vue({
  el: '#app',
	data () {
    return {
      lineData: [
        
        {
          label: 'Forth',
          value: 1111
        }
      ]
    }
  },

  mounted () {
    window.addEventListener('resize', () => {
      this.$refs.com.resize()
    })
  },
})