百度 echarts 拓展 liquidfill 水球图

最新推荐文章于 2023-11-13 09:37:48 发布

阿豪boy

最新推荐文章于 2023-11-13 09:37:48 发布

阅读量213

点赞数

文章标签：百度 jquery canvas python svg

本文链接：https://blog.csdn.net/qq_35516360/article/details/122066666

版权

原文链接: 百度 echarts 拓展 liquidfill 水球图

上一篇: vue 下拉刷新，上拉加载 vue-scroller

下一篇: vue-cli 中 webpack 加载静态文件

git

https://github.com/ecomfe/echarts-liquidfill

使用

貌似这两个js不小

<script src='echarts.js'></script>
<script src='echarts-liquidfill.js'></script>

可以使用svg定义形状，也可以使用内置的形状

可以格式化显示的内容，波浪移动的方向以及颜色等，虽然感觉默认的就可以了。。。

<template>
  <div class="container">
    <div id="water">

    </div>
    <button @click="add">add</button>
  </div>

</template>

<script>
  // import echarts from 'echarts'
  var myChart

  export default {
    name: "water",
    data() {
      return {
        percent: 0,

      }
    },
    methods: {
      add() {
        this.percent += 0.01
        this.refresh()
      },
      refresh() {

        // 鲸鱼
        let option = {
          series: [{
            type: 'liquidFill',
            data: [this.percent, this.percent - 0.01, this.percent - 0.02],
            radius: '70%',
            outline: {
              show: false
            },
            backgroundStyle: {
              borderColor: '#156ACF',
              borderWidth: 1,
              color: '#E3F7FF',
              shadowColor: 'rgba(0, 0, 0, 0.4)',
              shadowBlur: 20
            },
            shape: 'path://M367.855,428.202c-3.674-1.385-7.452-1.966-11.146-1.794c0.659-2.922,0.844-5.85,0.58-8.719 c-0.937-10.407-7.663-19.864-18.063-23.834c-10.697-4.043-22.298-1.168-29.902,6.403c3.015,0.026,6.074,0.594,9.035,1.728 c13.626,5.151,20.465,20.379,15.32,34.004c-1.905,5.02-5.177,9.115-9.22,12.05c-6.951,4.992-16.19,6.536-24.777,3.271 c-13.625-5.137-20.471-20.371-15.32-34.004c0.673-1.768,1.523-3.423,2.526-4.992h-0.014c0,0,0,0,0,0.014 c4.386-6.853,8.145-14.279,11.146-22.187c23.294-61.505-7.689-130.278-69.215-153.579c-61.532-23.293-130.279,7.69-153.579,69.202 c-6.371,16.785-8.679,34.097-7.426,50.901c0.026,0.554,0.079,1.121,0.132,1.688c4.973,57.107,41.767,109.148,98.945,130.793 c58.162,22.008,121.303,6.529,162.839-34.465c7.103-6.893,17.826-9.444,27.679-5.719c11.858,4.491,18.565,16.6,16.719,28.643 c4.438-3.126,8.033-7.564,10.117-13.045C389.751,449.992,382.411,433.709,367.855,428.202z',
            label: {
              position: ['38%', '40%'],
              formatter: function () {
                return 'ECharts\nLiquid Fill';
              },
              fontSize: 40,
              fontFamily: 'Lobster Two',
              color: '#D94854',
              insideColor: '#E3F7FF',
            }
          }]
        }

        option = {
          series: [{
            type: 'liquidFill',
            data: [0],
            // [this.percent, this.percent - 0.01, this.percent - 0.02],
            radius: '70%',
            outline: {
              show: false
            }
          }]
        }


        option = {
          series: [{
            type: 'liquidFill',
            data: [0],
            radius: '70%',
            amplitude: 0,
            waveAnimation: false,
            shape: 'path://M367.855,428.202c-3.674-1.385-7.452-1.966-11.146-1.794c0.659-2.922,0.844-5.85,0.58-8.719 c-0.937-10.407-7.663-19.864-18.063-23.834c-10.697-4.043-22.298-1.168-29.902,6.403c3.015,0.026,6.074,0.594,9.035,1.728 c13.626,5.151,20.465,20.379,15.32,34.004c-1.905,5.02-5.177,9.115-9.22,12.05c-6.951,4.992-16.19,6.536-24.777,3.271 c-13.625-5.137-20.471-20.371-15.32-34.004c0.673-1.768,1.523-3.423,2.526-4.992h-0.014c0,0,0,0,0,0.014 c4.386-6.853,8.145-14.279,11.146-22.187c23.294-61.505-7.689-130.278-69.215-153.579c-61.532-23.293-130.279,7.69-153.579,69.202 c-6.371,16.785-8.679,34.097-7.426,50.901c0.026,0.554,0.079,1.121,0.132,1.688c4.973,57.107,41.767,109.148,98.945,130.793 c58.162,22.008,121.303,6.529,162.839-34.465c7.103-6.893,17.826-9.444,27.679-5.719c11.858,4.491,18.565,16.6,16.719,28.643 c4.438-3.126,8.033-7.564,10.117-13.045C389.751,449.992,382.411,433.709,367.855,428.202z',

            // shape:"path://M38.9185 80.201c16.3011,7.1315 37.3733,0.887 54.5505,0.887 14.5109,0 29.9355,-8.9373 40.802,-15.079 20.2436,-11.4415 -34.9656,-7.096 -43.463,-7.096 -11.8443,0 -21.2639,5.8657 -31.932,7.096 -5.402,0.623 -10.177,3.6741 -14.192,4.8785 -7.2886,2.1866 -4.0618,5.9976 -3.1045,8.87 M31.5795 79.7575c4.666,-3.6065 14.8397,9.3135 22.8615,9.3135 27.7166,0 78.5074,-2.3411 91.8045,-23.949 9.1761,-14.9111 -67.2358,-9.7737 -77.6125,-7.096 -7.6664,1.9784 -25.3977,9.5114 -29.271,15.079 -5.151,7.4043 5.8767,18.9913 7.983,37.254 3.0076,26.0763 5.6252,58.5563 27.497,66.9685 25.6154,9.8519 76.8234,-2.4644 74.0645,-32.819 M146.245 60.7381c-0.5872,6.9448 1.774,28.75 1.774,42.9684 0,4.5561 6.7473,48.4336 -1.774,43.463 M80.6075 108.142c3.266,6.5322 -7.9809,-13.4352 -8.4265,-16.853 -0.8608,-6.6026 -5.9265,-16.0127 -10.2005,-20.8445 -7.1823,-8.1194 -19.514,-38.4499 -19.514,-49.2285 0,-21.047 -19.0952,0.5403 -24.2491,4.1349 0.3556,-0.1138 5.8076,14.4125 7.8396,16.7096 8.96,10.1293 18.8762,12.4716 26.61,27.9405 12.6634,25.3292 25.723,38.8975 25.723,61.203 0,16.7956 34.7637,33.6506 43.463,19.514 8.3051,-13.4958 -12.9234,-19.7311 -20.8445,-26.1665 -3.7779,-3.0692 -24.2522,-20.6148 -20.401,-15.079 3.579,5.1447 -1.0396,21.8082 11.0875,29.271 7.0585,4.3436 8.0242,10.2005 18.1835,10.2005 3.851,0 7.8905,-1.238 10.2005,-3.548 4.3997,-4.3997 -6.4388,9.7484 -4.1162,-1.8986 M26.057 29.56c9.4629,18.3241 24.4975,24.1264 30.6015,39.997 3.2601,8.4763 6.0605,17.6133 10.644,25.723 1.5853,2.8048 14.4766,22.091 14.8927,20.3753 M46.3689 104.613c-4.7112,0.5052 -1.2199,-0.8618 -3.4589,-2.6809 -3.8247,-3.1072 -14.0167,-3.3888 -16.4095,-0.4435 -7.0908,8.7278 0.4141,20.4447 6.6525,27.497 2.9042,3.2832 6.4945,7.7876 10.644,8.87 2.1935,0.5722 4.5988,1.774 6.6525,1.774 0.4392,0 2.7812,0.2414 3.1045,0.4435 1.8786,1.174 -1.9733,0.6275 -2.0023,0.4808 M43.797 95.8778c-6.0934,-9.1591 0.6773,1.663 -3.9915,-1.9283 -16.0962,-12.3818 -31.3769,4.6564 -22.6185,22.175 4.6945,9.3898 10.2798,15.7323 16.853,23.949 2.0785,2.5981 9.3669,4.5921 12.418,5.7655 1.4326,0.551 4.3966,0.7521 5.322,1.3305 4.0524,2.5326 3.588,-0.6752 1.4862,0.6687 M123.745 144.962c-0.5535,-0.7404 8.4073,0.4331 9.6387,0.4331 2.9533,0 6.4189,1.774 9.3135,1.774 13.027,0 -2.7158,9.8572 -5.322,11.9745 -8.8056,7.154 -32.0112,14.192 -43.463,14.192 -13.3932,0 -18.1787,-5.8664 -27.9405,-8.87 0,-6.917 0.1832,-8.1662 3.9915,-11.9745 2.1033,-2.1033 6.8745,-3.9915 11.0875,-3.9915l6.6525 0c1.2265,0 6.641,1.6225 4.626,1.6271 M41.5535 93.9495c0.0295,-1.3463 -0.1917,-0.7699 0.913,0 0.5556,0.3871 1.6977,0.4435 2.661,0.4435 1.7356,0 1.3953,-0.0648 2.2175,-0.887 3.1463,-3.1463 5.6571,5.5202 5.322,8.4265 -0.0972,0.8431 -0.5956,1.4154 -0.887,1.774 -0.4375,0.5386 -0.1063,1.1269 -0.887,1.3305 -1.5659,0.4084 -2.11,0.887 -3.9915,0.887 -1.9812,0 -1.1844,-0.6845 -1.774,-2.2175 -0.9059,-2.3557 -1.3305,-2.9496 -1.3305,-5.7655 0,-2.1156 0.3514,-2.5185 2.661,-2.2175 1.1372,0.1482 0.887,1.4074 0.887,2.661 0,0.9859 0.4435,5.0006 0.4435,3.1045 0,-0.44 -0.1776,-2.3769 0,-2.661 1.4071,-2.2515 1.9752,1.2624 2.116,2.2499 M54.0699 140.589c1.4059,-2.4377 1.3144,-3.0729 3.9191,-2.7334 1.6416,0.214 2.7192,2.3337 3.548,3.9915 0.9017,1.8037 1.3305,2.6594 1.3305,4.8785 0,3.9098 -1.7162,4.9019 -5.7655,4.435 -1.263,-0.1456 -2.954,-4.4595 -3.1045,-5.7655 -0.0969,-0.8408 0,-1.8077 0,-2.661 0,-1.8006 1.1495,-2.2175 2.661,-2.2175 1.1766,0 1.6286,0.9561 1.774,2.2175 0.1604,1.391 0.475,5.3535 -1.3305,3.548 -0.6779,-0.6779 -0.0775,-1.2658 -0.4435,-2.2175 -0.8843,-2.2995 0.1632,-2.0436 -2.5886,-3.4756z M58.5217 161.758c-7.5522,1.5084 -24.3644,6.9151 -25.8122,12.4648 -3.6126,13.848 29.4358,12.418 40.802,12.418 7.3741,0 17.4456,0.2837 23.949,-2.2175 2.0001,-0.7693 22.4616,-5.9909 20.8445,-2.2175 M23.7183 20.6344c-9.5409,11.1816 0.5647,5.8147 0.5647,12.1121 0,5.8834 2.2175,-6.5179 2.2175,0 0,16.0782 3.1045,-5.6007 3.1045,9.757 0,1.6698 1.3305,-7.2811 1.3305,0.887 0,7.1673 -0.6136,1.9102 1.774,0 1.3843,-1.1074 -0.2567,5.3148 0.887,4.435 2.3496,-1.8076 4.8785,-2.0416 4.8785,0.4435 0,11.3904 13.9913,2.7414 16.4095,21.288 1.3194,10.1192 8.494,21.8491 11.9745,31.4885 2.462,6.8184 11.1554,20.155 14.6355,25.723 0.26,0.4161 -7.2348,-17.4327 -11.0875,-22.175 -17.7087,-21.7971 6.8405,8.5332 7.983,17.2965 0.6911,5.3004 1.2357,0.3345 0.4435,-3.548 -0.6344,-3.1087 4.9716,16.9858 3.3617,14.8133 M47.345 108.585c0.4399,3.96 -0.7539,-0.1386 0.887,0.887 3.1543,1.9713 9.5158,1.2037 13.305,2.661 3.461,1.3312 13.0219,0.0126 14.9215,3.2856 M85.7763 112.074c-2.9851,-3.1979 4.4313,-0.8283 6.8057,-0.8283 13.9677,0 28.5474,1.5017 40.802,-3.9915 4.7482,-2.1283 23.3129,-4.4446 11.9745,-11.531 -7.3176,-4.5735 -24.3937,-3.9915 -35.48,-3.9915 -6.7163,0 -12.7436,1.3305 -19.0705,1.3305 -3.3098,0 -6.1461,0.4435 -9.3135,0.4435 -1.5052,0 -8.8599,0.6856 -8.54,0.123 M66.9496 95.633c-3.1413,-0.2983 -1.6952,0.3549 -4.0821,0.9775 -4.0466,1.0557 -8.0838,1.6029 -11.9745,3.548 -1.6124,0.8061 -3.6258,3.1401 -4.435,4.435 -0.4722,0.7555 0.1797,2.8407 0.4435,3.1045 0.8463,0.8463 2.25,0.0502 3.439,0.887\n",
          // shape:"path://m180.6629,80.96413c0,0.60241 -0.15445,2.5175 2.40962,6.02408c2.27678,3.11369 3.84642,5.04338 5.42168,7.2289c0.49814,0.69113 1.80724,1.80722 3.61446,3.01204c1.80722,1.20482 3.66278,1.99442 5.42168,2.40963c1.31099,0.30949 1.64853,1.55252 6.62648,3.61446c5.27992,2.18702 10.91263,3.93914 16.26503,5.42167c5.50758,1.52551 7.83131,2.40964 12.04817,3.61445c8.43372,2.40963 15.64009,3.91528 21.68669,4.21686c4.81329,0.24007 8.43372,0.60241 13.25299,0.60241c2.40964,0 7.8313,0 12.04816,0c3.61444,0 7.25583,-0.45866 10.84335,-1.20481c4.86353,-1.01154 13.25299,-2.40964 16.86743,-2.40964c7.22888,0 9.63852,0.00001 10.84335,-0.60241c1.2048,-0.6024 2.44376,-1.75755 4.21686,-3.01204c2.45886,-1.73968 4.24899,-3.5954 6.02408,-6.62649c2.45435,-4.19099 5.27887,-8.51353 8.43372,-16.26503c2.80896,-6.90164 4.51123,-13.08633 5.42166,-20.48188c0.2944,-2.39158 0,-4.21685 0,-6.02408c0,-1.20481 0,-2.40963 0,-3.01204c0,-1.80722 -0.72992,-3.44221 -2.40964,-4.81927c-0.65881,-0.54011 -3.17896,-1.94458 -5.42166,-3.01204c-2.7197,-1.29449 -4.21686,-2.40963 -6.6265,-3.01204c-2.40964,-0.60241 -3.06638,-0.03281 -6.02408,-0.60241c-3.18555,-0.61348 -13.85538,-3.01204 -21.08429,-3.61445c-7.22891,-0.60241 -13.83658,-0.90335 -21.08429,-1.20481c-4.81512,-0.20028 -9.63852,0 -13.25299,0c-6.02408,0 -8.43372,0 -12.04816,0c-1.20482,0 -4.21686,0 -6.02408,0c-2.40964,0 -6.64304,-0.18613 -14.45781,0.60241c-4.83223,0.48759 -8.43372,1.80723 -12.65057,1.80723c-2.40962,0 -4.52063,-0.58102 -7.2289,1.20481c-0.71123,0.46898 -3.86269,0.58346 -6.02408,1.80722c-2.22406,1.25924 -4.34438,2.23742 -6.02408,3.61445c-1.31767,1.08023 -4.09413,1.30194 -6.02409,3.61445c-0.8631,1.03418 -2.58607,1.98367 -3.01204,2.40963c-0.42596,0.42596 -0.26183,1.29577 -1.80722,2.40963c-0.48869,0.35223 -1.57669,1.85308 -1.80722,2.40963c-0.32602,0.78709 -1.51764,0.93867 -3.01204,3.01204c-0.78763,1.09277 -1.65984,2.48915 -3.01205,4.81927c-1.09018,1.87859 0.04681,4.3816 -1.80722,4.81927c-0.82915,0.19573 -0.37187,0.64825 -0.6024,1.20481c-0.32602,0.78709 -0.77885,0.77885 -1.20482,1.20482c-0.42596,0.42596 -0.17644,0.77885 -0.60242,1.20482c-0.42596,0.42596 -0.6024,0.60241 -0.6024,1.20481c0,0.60241 0.6024,1.20482 1.20482,1.20482c0.6024,0 0.6024,0.60241 1.20482,0.60241l0,0.60241l0.6024,0.60241l0.60242,0.60241 m180.06049,77.34968c0,0 -0.89532,-0.10618 -1.20482,1.20481c-0.27681,1.17258 -0.6024,1.80723 -0.6024,3.01205c0,0.60241 0,2.40963 0,3.01204c0,1.20482 0,2.40963 0,3.01204c0,1.20482 0,1.80723 0,2.40964c0,1.20481 0,1.80722 0,3.01204c0,1.20482 0,2.40963 0,3.61445c0,0.60241 -0.53076,1.93699 0.6024,5.42168c0.41656,1.28101 1.50375,6.57094 1.80724,9.03613c0.14722,1.19579 0,2.40963 0,2.40963c0,1.80723 0,6.02409 0,9.03613c0,2.40963 0.6024,6.02409 0.6024,7.83131c0,1.80722 0,4.81926 0,7.83131c0,4.21686 0,7.2289 0,10.24094c0,1.80722 0,2.40964 0,4.81926c0,2.40964 0.19299,4.83484 0,6.02409c-0.30515,1.88037 -0.6024,4.81926 -0.6024,7.2289c0,1.20482 0,3.01204 0,4.81926c0,0.60242 0,2.40964 0,4.21686c0,0.60242 0,2.40964 0,3.01204c0,0.60242 0,1.20482 0,1.80724c0,0.6024 -0.32561,0.63463 -0.60242,1.80722c-0.61897,2.62199 -1.80722,3.01204 -1.80722,4.81926c0,1.80724 -0.30798,3.63251 -0.6024,6.02409c-0.30348,2.46518 -0.60242,4.21686 -0.60242,6.62648c0,2.40964 -0.6024,4.21686 -0.6024,6.6265c0,0.6024 -0.60242,3.61446 -0.60242,6.02408c0,3.01204 0.38597,4.85039 0,7.2289c-0.30515,1.88039 -0.30798,4.83733 -0.6024,7.22891c-0.30348,2.46518 -0.60242,6.62648 -0.60242,7.8313c0,1.20482 0,4.21686 0,7.83131c0,3.61444 0.58585,6.41412 1.20482,9.03612c0.27681,1.17259 -0.18468,2.08362 0.60242,2.40964c0.55655,0.23053 1.76682,0.66533 3.61444,1.80722c4.13141,2.55336 7.8811,3.4304 12.65057,4.81926c7.31606,2.13043 12.06049,4.52115 15.66261,4.81927c3.65182,0.30225 5.95093,1.50208 7.83131,1.80722c0.59462,0.0965 2.40964,0.60242 3.01204,0.60242c1.20482,0 3.65968,-0.2269 7.2289,0.60242c6.12614,1.42343 10.24095,1.80722 14.45781,2.40961c4.21686,0.60242 7.79393,1.505 11.44576,1.80725c1.20071,0.09937 2.40962,0 3.01204,0c0.6024,0 1.20482,0 2.40962,0c2.40964,0 3.61447,0 6.6265,0c0.60242,0 2.40964,0 3.01205,0c1.80722,0 4.21686,0 6.6265,0c1.80722,0 3.01202,0 3.61444,0c1.80722,0 2.40964,0 4.21686,0c1.80722,0 2.40964,-0.60242 3.01202,-0.60242c0.60242,0 1.80725,-0.60242 1.80725,-0.60242c0.60239,0 1.80722,-0.60242 3.01202,-0.60242c1.80722,0 1.73407,-0.29724 3.61444,-0.60239c0.59464,-0.0965 2.32092,-0.7067 3.01205,-1.20483c1.09274,-0.7876 2.40964,-1.2048 2.40964,-1.2048c1.2048,-0.60242 2.22495,-0.87881 3.01202,-1.20483c0.55655,-0.23053 0.54688,-0.90131 3.01205,-1.2048c1.79367,-0.22083 4.21686,-0.60242 6.02408,-0.60242c0.60242,0 1.76755,-0.08691 3.01205,-0.60239c1.75998,-0.729 4.09979,-2.07736 6.6265,-3.01205c2.3295,-0.86172 3.42975,-1.4812 4.21686,-1.80722c0.55652,-0.23053 0.97427,-0.64828 1.2048,-1.20483c0.65204,-1.57416 1.80725,-1.80719 3.01205,-3.01202c0.60239,-0.6024 1.2048,-1.80724 1.2048,-1.80724c0.60242,-0.6024 0.60242,-1.80722 1.2048,-2.40962c1.20483,-1.20483 0.77887,-1.98367 1.20483,-2.40964c0.42596,-0.42598 1.06641,-1.82333 1.2048,-2.40964c0.61899,-2.62198 1.50208,-2.93889 1.80722,-4.81926c0.0965,-0.59464 0.46402,-1.82333 0.60242,-2.40964c0.30948,-1.31099 1.11279,-4.84416 1.80722,-7.2289c0.53259,-1.82901 1.4812,-2.22498 1.80722,-3.01204c0.69159,-1.66966 0.42786,-3.6403 0.60242,-4.21686c0.62943,-2.07883 1.73575,-4.23204 2.40964,-7.2289c0.54492,-2.42329 1.34802,-4.17528 1.80722,-6.02409c0.8833,-3.55624 0.80911,-5.347 1.80722,-8.43372c0.76419,-2.36331 0.60242,-4.21686 0.60242,-7.2289c0,-1.80722 -0.29443,-3.63249 0,-6.02408c0.3035,-2.46519 0.60242,-3.61446 0.60242,-4.81926c0,-1.20482 0,-3.61446 0,-4.21686c0,-1.80724 0,-4.81927 0,-6.6265c0,-2.40964 0,-3.61446 0,-7.2289c0,-1.80724 0,-3.01204 0,-4.81927c0,0 0,-1.20482 0,-1.80722c0,-2.40964 0,-3.01204 0,-4.21686c0,-1.20482 0,-2.40964 0,-3.61446c0,-1.80722 -0.1011,-4.2518 -0.60242,-7.8313c-0.60828,-4.3432 -0.98398,-7.24243 -1.2048,-9.03613c-0.3035,-2.46518 -0.50592,-4.22462 -0.60242,-4.81926c-0.30515,-1.88039 -0.60242,-3.01204 -0.60242,-4.21686c0,-2.40963 0,-4.21686 0,-6.62649c0,-1.80723 0,-3.01205 0,-3.61445c0,-2.40964 0,-5.42168 0,-7.2289c0,-2.40963 0,-4.21686 0,-4.81927c0,-1.80722 0,-3.61445 0,-5.42167c0,-1.80723 0,-4.21686 0,-4.81927c0,-1.20482 0,-1.80723 0,-2.40964c0,-0.6024 0,-2.40963 0,-3.61445c0,-0.60241 0,-1.80722 0,-3.01204c0,0 0.18719,-3.06039 0.60242,-4.81927c0.30948,-1.311 0.60242,-3.01204 0.60242,-4.81927c0,-0.60241 0,-1.20481 0,-2.40963c0,0 0,-0.60241 0,-1.80723c0,-0.60241 0.23053,-0.64826 0,-1.20481c-0.32602,-0.78709 -0.60242,-1.20482 -0.60242,-1.80723c0,0 -0.29294,-0.49623 -0.60242,-1.80723c-0.1384,-0.58629 -0.37189,-1.25066 -0.60242,-1.80722c-0.32602,-0.78708 -0.60239,-1.20482 -0.60239,-1.20482c-0.60242,-0.60241 -0.77887,-0.77884 -1.20483,-1.20481c-0.42596,-0.42597 0,-1.20482 0,-1.20482l0,-0.60241l0,-0.60241 m343.91553,115.90381c0,0 -0.23566,-1.38641 1.20483,-3.01205c3.68338,-4.15678 6.76746,-3.9114 9.63852,-5.42167c1.92227,-1.01118 4.78964,-2.51862 9.03613,-3.61446c7.78217,-2.00826 21.70505,-3.49768 25.90356,-4.21686c3.02759,-0.5186 9.0361,-2.40963 11.44574,-2.40963c1.80722,0 2.76468,0.06039 3.61447,0c3.00446,-0.2135 6.23764,4.52956 12.04816,9.03613c8.77731,6.80757 15.33945,13.68976 19.27707,16.26502c1.12732,0.73729 3.50085,2.49075 4.81924,4.21686c1.15631,1.51391 2.1152,5.43972 2.40964,7.83131c0.3035,2.46519 1.505,5.38431 1.80722,9.03613c0.34781,4.20247 0,8.4337 0,12.65056c0,3.01205 -0.22693,6.55862 -1.2048,10.24095c-1.57678,5.93758 -3.68488,13.23349 -4.81927,17.46983c-1.28494,4.79852 -3.83231,10.42491 -5.42166,13.25299c-1.47568,2.62578 -3.49136,6.07898 -5.42169,10.24094c-1.13351,2.44398 -3.49689,4.98767 -6.02408,6.6265c-5.2038,3.37451 -9.69171,5.27249 -13.25296,6.62648c-4.28833,1.63043 -6.52032,3.30496 -7.83133,3.61446c-3.51776,0.83043 -5.43338,0.36496 -7.8313,0.6024c-3.05676,0.30269 -5.42166,1.20482 -7.8313,1.20482c-2.40964,0 -4.81927,0 -7.22891,0c-0.60242,0 -2.40964,0 -3.61444,0c-3.01205,0 -3.61444,0 -6.02408,0c-0.60242,0 -2.37753,0.30045 -6.6265,0.60242c-0.60089,0.04271 -0.60242,0 -1.20483,0c-0.60239,0 -2.13803,-0.57541 -4.21686,-1.20482c-0.57654,-0.17456 -1.2048,-0.60242 -2.40961,-1.20482c0,0 -0.60242,-0.60242 -1.80725,-1.20482c-1.2048,-0.6024 -2.44937,-1.73352 -3.61444,-2.40964c-1.8786,-1.09019 -1.80722,-1.20482 -1.80722,-1.20482c0,-0.6024 -0.28571,-0.69237 -0.60242,-1.2048c-0.70816,-1.14584 -3.01202,-2.40964 -4.21686,-3.61446l-0.60239,0l-0.60242,-0.6024\n"
            }]
        },
        // myChart.setOption(option)
        myChart.setOption({
          baseOption: option,
          media: [{
            query: {
              maxWidth: 600,
            },
            option: {
              series: [{
                label: {
                  fontSize: 26
                }
              }]
            }
          }]
        });
      }
    },

    mounted() {
      myChart = echarts.init(document.getElementById('water'));
      this.refresh()
    }
  }
</script>

<style scoped>

  .container {
    width: 100vw;
    height: 100vh;
  }

  #water {
    width: 100%;
    height: 100%;
  }
</style>