Echarts图表之平滑曲线区域面积图

最新推荐文章于 2025-01-07 15:47:00 发布

原创

最新推荐文章于 2025-01-07 15:47:00 发布 · 1.4k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#echarts #前端 #javascript

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8" />
       <title>Echarts图表</title>
       
       <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
   </head>
   <body>
       <div id="main" style="width: 600px;height:400px;"></div>
       <script type="text/javascript">
           var myChart = echarts.init(document.getElementById('main'));
           var option = {
               color: ['#6199be', '#b66047', '#61b845', '#cf6aac'],
               backgroundColor: '#000',
               legend: {
                   bottom: 10,
                   textStyle: {
                       fontSize: 10,
                       color: 'rgba(255,255,255)'
                   },
                   data: ['厦门第一医院', '厦门中山医院', '厦门中医院', '厦门第五医院'],
                   //circle圆形,rect长方形,roundRect圆角长方形,triangle三角形,diamond菱形,pin不规则圆,arrow不规则三角形,none没有图标
                   // icon:'arrow'
               },
               tooltip: {
                   trigger: 'item',
                   formatter: '{a}<br/>{b}<br/>{c}人'
       &nbs