From c32848551d45399ea3009bc647c9d02d35614355 Mon Sep 17 00:00:00 2001
From: juanboy <2980526980@qq.com>
Date: Wed, 3 Jul 2024 14:15:08 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90commentChar.html=E3=80=91=E8=AF=84?=
 =?UTF-8?q?=E8=AE=BA=E5=88=86=E6=9E=90=E5=89=8D=E7=AB=AF=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?JS=E7=BC=96=E5=86=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 views/page/templates/commentChar.html | 155 ++++++++++++++++++++++++++
 1 file changed, 155 insertions(+)

diff --git a/views/page/templates/commentChar.html b/views/page/templates/commentChar.html
index c32a09c..15284ea 100644
--- a/views/page/templates/commentChar.html
+++ b/views/page/templates/commentChar.html
@@ -150,3 +150,158 @@
 
 {% endblock %}
 
+{% block echarts %}
+    <script>
+        var chartDom = document.getElementById('main');
+        var myChart = echarts.init(chartDom);
+        var option;
+
+        option = {
+              title: {
+                text: '评论点赞量区间折线图',
+                left: '1%'
+              },
+              tooltip: {
+                trigger: 'axis'
+              },
+              grid: {
+                left: '5%',
+                right: '15%',
+                bottom: '10%'
+              },
+            legend:{},
+              xAxis: {
+                data: {{ xData | tojson }}
+              },
+              yAxis: {},
+              toolbox: {
+                right: 10,
+                feature: {
+                  dataZoom: {
+                    yAxisIndex: 'none'
+                  },
+                  restore: {},
+                  saveAsImage: {}
+                }
+              },
+              dataZoom: [
+                {
+                  show: true,
+                  start: 80,
+                  end: 100
+                },
+                {
+                  type: 'inside',
+                  start: 80,
+                  end: 100
+                }
+              ],
+              visualMap: {
+                top: 50,
+                right: 10,
+                pieces: [
+                  {
+                    gt: 0,
+                    lte: 50,
+                    color: '#93CE07'
+                  },
+                  {
+                    gt: 50,
+                    lte: 100,
+                    color: '#FBDB0F'
+                  },
+                  {
+                    gt: 100,
+                    lte: 150,
+                    color: '#FC7D02'
+                  },
+                  {
+                    gt: 150,
+                    lte: 200,
+                    color: '#FD0100'
+                  },
+                  {
+                    gt: 200,
+                    lte: 300,
+                    color: '#AA069F'
+                  },
+                  {
+                    gt: 300,
+                    color: '#AC3B2A'
+                  }
+                ],
+                outOfRange: {
+                  color: '#999'
+                }
+              },
+              series: {
+                name: '点赞个数',
+                type: 'line',
+                data: {{ yData }},
+                markLine: {
+                  silent: true,
+                  lineStyle: {
+                    color: '#333'
+                  },
+                  data: [
+                    {
+                      yAxis: 50
+                    },
+                    {
+                      yAxis: 100
+                    },
+                    {
+                      yAxis: 150
+                    },
+                    {
+                      yAxis: 200
+                    },
+                    {
+                      yAxis: 300
+                    }
+                  ]
+                }
+              }
+            }
+
+        option && myChart.setOption(option);
+
+    </script>
+    <script>
+        var chartDom = document.getElementById('mainTwo');
+        var myChart = echarts.init(chartDom);
+        var option;
+
+        option = {
+          title: {
+            text: '评论性别占比饼图',
+            left: 'center'
+          },
+          tooltip: {
+            trigger: 'item'
+          },
+          legend: {
+            orient: 'vertical',
+            left: 'left'
+          },
+          series: [
+            {
+              name: '性别个数',
+              type: 'pie',
+              radius: '50%',
+              data: {{ genderPieData | tojson }},
+              emphasis: {
+                itemStyle: {
+                  shadowBlur: 10,
+                  shadowOffsetX: 0,
+                  shadowColor: 'rgba(0, 0, 0, 0.5)'
+                }
+              }
+            }
+          ]
+        };
+
+        option && myChart.setOption(option);
+
+    </script>
+{% endblock %}
\ No newline at end of file