onesight-charts 2.0.0 → 2.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,4 @@
1
1
  import { StackedBar } from "../../..";
2
- import React from 'react';
3
2
  var yAxisData = ['@abpanandatv', '@dia075550618', '@appletv', '@noeunato'];
4
3
  var series = [{
5
4
  name: '文本',
@@ -521,171 +520,6 @@ function App() {
521
520
  series: series,
522
521
  handleClick: handleClick,
523
522
  xAxisMaxMultiplier: 1
524
- })), /*#__PURE__*/React.createElement("div", {
525
- style: {
526
- width: '460px',
527
- height: '320px'
528
- }
529
- }, /*#__PURE__*/React.createElement(StackedBar, {
530
- yAxisData: ['@abpanandatv', '@abpanandatv', '@abpanandatv'],
531
- series: [{
532
- "name": "Reactions / Likes",
533
- "alias": "post_likes",
534
- "type": "bar",
535
- "stack": "total",
536
- "label": {
537
- "show": false
538
- },
539
- "emphasis": {
540
- "focus": "self"
541
- },
542
- "itemStyle": {
543
- "borderColor": "rgba(0,0,0,0)",
544
- "borderWidth": 1,
545
- "borderType": "solid"
546
- },
547
- "barWidth": 16,
548
- "barMinHeight": 2,
549
- "color": "#1DA9A0",
550
- "data": [{
551
- "total": "",
552
- "monitor_id": "",
553
- "monitor_name": "",
554
- "yDataName": "@abpanandatv",
555
- "name": "@abpanandatv",
556
- "platformIcon": "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdC8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+PHJlY3QvPjxwYXRoIGQ9Ik02Ljk5NCAxLjc1aC4yMDhhNzQuMjM1IDc0LjIzNSAwIDAgMSAyLjE3OS4wNDZjMS4xNTMuMDQ0IDEuOTUyLjExMSAyLjQxMi4yMzZhMi42NyAyLjY3IDAgMCAxIDEuOTE1IDEuODg2Yy4xMDMuMzY3LjE3MS44Mi4yMTggMS4zNjFhMjAuMTU2IDIwLjE1NiAwIDAgMSAwIDMuMzgzYy0uMDQ3LjU0My0uMTE1Ljk5OC0uMjE3IDEuMzY0YTIuNzA0IDIuNzA0IDAgMCAxLTEuOTEgMS44OWMtLjQ2OS4xMjQtMS4yNjguMTktMi40MTkuMjM0YTY2LjE3MyA2Ni4xNzMgMCAwIDEtMi4xNzguMDQ0bC0uMTUyLjAwMWgtLjI2M2E3NS4wOTggNzUuMDk4IDAgMCAxLTIuMTcyLS4wNDVjLTEuMTUtLjA0My0xLjk0Ny0uMTEtMi40MjItLjIzN2EyLjc0MyAyLjc0MyAwIDAgMS0xLjkwNS0xLjg2OGwtLjAwOC0uMDI3Yy0uMDk4LS4zNjYtLjE2My0uODE5LS4yMDktMS4zNkEyMS4wNjEgMjEuMDYxIDAgMCAxIC4wMSA2LjQzN2MuMDEtLjM5MS4wMy0uNzgzLjA2Mi0xLjE1NC4wNDYtLjUzOS4xMTEtLjk5LjIxLTEuMzU0bC4wMDUtLjAxN2EyLjcxIDIuNzEgMCAwIDEgMS45MDgtMS44NzZjLjQ3LS4xMjggMS4yNjgtLjE5NiAyLjQyLS4yNGE2NC44MDUgNjQuODA1IDAgMCAxIDIuMTczLS4wNDVsLjE1MS0uMDAxSDYuOTk0Wm0tLjA3MSAxLjI3M2MtLjI2IDAtMS4xOS4wMDYtMi4xNDcuMDRsLS4xMjguMDA1Yy0uODcyLjAzNC0xLjc0Mi4wOTMtMi4xMi4xOTYtLjQ5NC4xMy0uODc4LjUxLTEuMDE5Ljk5OS0uMjE4LjgwMy0uMjM1IDIuNDMtLjIzNiAyLjY3MXYuMDZjLjAwMS4yNC4wMTcgMS44OC4yMzYgMi42OTIuMTQuNDc4LjUyNS44NjUgMS4wMTkgMSAuMzQxLjA5IDEuMDgzLjE0NyAxLjg2Ni4xODFsLjEyNy4wMDYuMTI3LjAwNS4wNjQuMDAyLjEyOC4wMDVjLjkzNC4wMzIgMS44My4wMzcgMi4wODMuMDM3aC4xNDJjLjI3MiAwIDEuMjc3LS4wMDYgMi4yOC0uMDQ0bC4xMjgtLjAwNS4xMjgtLjAwNmMuNzg0LS4wMzQgMS41MjgtLjA5IDEuODcxLS4xODJhMS40MyAxLjQzIDAgMCAwIDEuMDEtLjk5OWMuMjI3LS44MTEuMjQ0LTIuNDUxLjI0NS0yLjY5MnYtLjA2Yy0uMDAxLS4yNDEtLjAxOC0xLjg2OC0uMjQ0LTIuNjcxYTEuNDA0IDEuNDA0IDAgMCAwLTEuMDEtMWMtLjgxNy0uMjItMy45LS4yMzktNC40MDgtLjI0aC0uMTQyWiIgZmlsbD0iI0YwMyIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZmlsbD0iI0YwMyIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJtOS40MDEgNy0zLjYyLTIuMDUydjQuMTA0eiIvPjwvZz48L2c+PC9zdmc+",
557
- "value": 5362970,
558
- "currentTime": "2026/03/18 - 2026/04/14 (近28天)",
559
- "alias": "UCv3rFzn-GHGtqzXiaq3sWNg_900b0ff7-3a2e-4431-a9f8-5811d9172cbd"
560
- }, {
561
- "total": "",
562
- "monitor_id": "",
563
- "monitor_name": "",
564
- "yDataName": "@abpanandatv",
565
- "name": "@abpanandatv",
566
- "platformIcon": "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdC8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+PHJlY3QvPjxwYXRoIGQ9Ik02Ljk5NCAxLjc1aC4yMDhhNzQuMjM1IDc0LjIzNSAwIDAgMSAyLjE3OS4wNDZjMS4xNTMuMDQ0IDEuOTUyLjExMSAyLjQxMi4yMzZhMi42NyAyLjY3IDAgMCAxIDEuOTE1IDEuODg2Yy4xMDMuMzY3LjE3MS44Mi4yMTggMS4zNjFhMjAuMTU2IDIwLjE1NiAwIDAgMSAwIDMuMzgzYy0uMDQ3LjU0My0uMTE1Ljk5OC0uMjE3IDEuMzY0YTIuNzA0IDIuNzA0IDAgMCAxLTEuOTEgMS44OWMtLjQ2OS4xMjQtMS4yNjguMTktMi40MTkuMjM0YTY2LjE3MyA2Ni4xNzMgMCAwIDEtMi4xNzguMDQ0bC0uMTUyLjAwMWgtLjI2M2E3NS4wOTggNzUuMDk4IDAgMCAxLTIuMTcyLS4wNDVjLTEuMTUtLjA0My0xLjk0Ny0uMTEtMi40MjItLjIzN2EyLjc0MyAyLjc0MyAwIDAgMS0xLjkwNS0xLjg2OGwtLjAwOC0uMDI3Yy0uMDk4LS4zNjYtLjE2My0uODE5LS4yMDktMS4zNkEyMS4wNjEgMjEuMDYxIDAgMCAxIC4wMSA2LjQzN2MuMDEtLjM5MS4wMy0uNzgzLjA2Mi0xLjE1NC4wNDYtLjUzOS4xMTEtLjk5LjIxLTEuMzU0bC4wMDUtLjAxN2EyLjcxIDIuNzEgMCAwIDEgMS45MDgtMS44NzZjLjQ3LS4xMjggMS4yNjgtLjE5NiAyLjQyLS4yNGE2NC44MDUgNjQuODA1IDAgMCAxIDIuMTczLS4wNDVsLjE1MS0uMDAxSDYuOTk0Wm0tLjA3MSAxLjI3M2MtLjI2IDAtMS4xOS4wMDYtMi4xNDcuMDRsLS4xMjguMDA1Yy0uODcyLjAzNC0xLjc0Mi4wOTMtMi4xMi4xOTYtLjQ5NC4xMy0uODc4LjUxLTEuMDE5Ljk5OS0uMjE4LjgwMy0uMjM1IDIuNDMtLjIzNiAyLjY3MXYuMDZjLjAwMS4yNC4wMTcgMS44OC4yMzYgMi42OTIuMTQuNDc4LjUyNS44NjUgMS4wMTkgMSAuMzQxLjA5IDEuMDgzLjE0NyAxLjg2Ni4xODFsLjEyNy4wMDYuMTI3LjAwNS4wNjQuMDAyLjEyOC4wMDVjLjkzNC4wMzIgMS44My4wMzcgMi4wODMuMDM3aC4xNDJjLjI3MiAwIDEuMjc3LS4wMDYgMi4yOC0uMDQ0bC4xMjgtLjAwNS4xMjgtLjAwNmMuNzg0LS4wMzQgMS41MjgtLjA5IDEuODcxLS4xODJhMS40MyAxLjQzIDAgMCAwIDEuMDEtLjk5OWMuMjI3LS44MTEuMjQ0LTIuNDUxLjI0NS0yLjY5MnYtLjA2Yy0uMDAxLS4yNDEtLjAxOC0xLjg2OC0uMjQ0LTIuNjcxYTEuNDA0IDEuNDA0IDAgMCAwLTEuMDEtMWMtLjgxNy0uMjItMy45LS4yMzktNC40MDgtLjI0aC0uMTQyWiIgZmlsbD0iI0YwMyIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZmlsbD0iI0YwMyIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJtOS40MDEgNy0zLjYyLTIuMDUydjQuMTA0eiIvPjwvZz48L2c+PC9zdmc+",
567
- "value": 2397370,
568
- "currentTime": "2025/04/01 - 2025/04/30 (自定义)",
569
- "alias": "UCv3rFzn-GHGtqzXiaq3sWNg_e912eb3a-7336-4c72-8c6c-6dca1ceb0fa7"
570
- }, {
571
- "total": "",
572
- "monitor_id": "",
573
- "monitor_name": "",
574
- "yDataName": "@abpanandatv",
575
- "name": "@abpanandatv",
576
- "platformIcon": "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdC8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+PHJlY3QvPjxwYXRoIGQ9Ik02Ljk5NCAxLjc1aC4yMDhhNzQuMjM1IDc0LjIzNSAwIDAgMSAyLjE3OS4wNDZjMS4xNTMuMDQ0IDEuOTUyLjExMSAyLjQxMi4yMzZhMi42NyAyLjY3IDAgMCAxIDEuOTE1IDEuODg2Yy4xMDMuMzY3LjE3MS44Mi4yMTggMS4zNjFhMjAuMTU2IDIwLjE1NiAwIDAgMSAwIDMuMzgzYy0uMDQ3LjU0My0uMTE1Ljk5OC0uMjE3IDEuMzY0YTIuNzA0IDIuNzA0IDAgMCAxLTEuOTEgMS44OWMtLjQ2OS4xMjQtMS4yNjguMTktMi40MTkuMjM0YTY2LjE3MyA2Ni4xNzMgMCAwIDEtMi4xNzguMDQ0bC0uMTUyLjAwMWgtLjI2M2E3NS4wOTggNzUuMDk4IDAgMCAxLTIuMTcyLS4wNDVjLTEuMTUtLjA0My0xLjk0Ny0uMTEtMi40MjItLjIzN2EyLjc0MyAyLjc0MyAwIDAgMS0xLjkwNS0xLjg2OGwtLjAwOC0uMDI3Yy0uMDk4LS4zNjYtLjE2My0uODE5LS4yMDktMS4zNkEyMS4wNjEgMjEuMDYxIDAgMCAxIC4wMSA2LjQzN2MuMDEtLjM5MS4wMy0uNzgzLjA2Mi0xLjE1NC4wNDYtLjUzOS4xMTEtLjk5LjIxLTEuMzU0bC4wMDUtLjAxN2EyLjcxIDIuNzEgMCAwIDEgMS45MDgtMS44NzZjLjQ3LS4xMjggMS4yNjgtLjE5NiAyLjQyLS4yNGE2NC44MDUgNjQuODA1IDAgMCAxIDIuMTczLS4wNDVsLjE1MS0uMDAxSDYuOTk0Wm0tLjA3MSAxLjI3M2MtLjI2IDAtMS4xOS4wMDYtMi4xNDcuMDRsLS4xMjguMDA1Yy0uODcyLjAzNC0xLjc0Mi4wOTMtMi4xMi4xOTYtLjQ5NC4xMy0uODc4LjUxLTEuMDE5Ljk5OS0uMjE4LjgwMy0uMjM1IDIuNDMtLjIzNiAyLjY3MXYuMDZjLjAwMS4yNC4wMTcgMS44OC4yMzYgMi42OTIuMTQuNDc4LjUyNS44NjUgMS4wMTkgMSAuMzQxLjA5IDEuMDgzLjE0NyAxLjg2Ni4xODFsLjEyNy4wMDYuMTI3LjAwNS4wNjQuMDAyLjEyOC4wMDVjLjkzNC4wMzIgMS44My4wMzcgMi4wODMuMDM3aC4xNDJjLjI3MiAwIDEuMjc3LS4wMDYgMi4yOC0uMDQ0bC4xMjgtLjAwNS4xMjgtLjAwNmMuNzg0LS4wMzQgMS41MjgtLjA5IDEuODcxLS4xODJhMS40MyAxLjQzIDAgMCAwIDEuMDEtLjk5OWMuMjI3LS44MTEuMjQ0LTIuNDUxLjI0NS0yLjY5MnYtLjA2Yy0uMDAxLS4yNDEtLjAxOC0xLjg2OC0uMjQ0LTIuNjcxYTEuNDA0IDEuNDA0IDAgMCAwLTEuMDEtMWMtLjgxNy0uMjItMy45LS4yMzktNC40MDgtLjI0aC0uMTQyWiIgZmlsbD0iI0YwMyIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZmlsbD0iI0YwMyIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJtOS40MDEgNy0zLjYyLTIuMDUydjQuMTA0eiIvPjwvZz48L2c+PC9zdmc+",
577
- "value": 377878,
578
- "currentTime": "2026/04/01 - 2026/04/02 (自定义)",
579
- "alias": "UCv3rFzn-GHGtqzXiaq3sWNg_058904df-4bf9-433b-a5ad-028b1df0d784"
580
- }]
581
- }, {
582
- "name": "Comments / Replies",
583
- "alias": "post_comments",
584
- "type": "bar",
585
- "stack": "total",
586
- "label": {
587
- "show": false
588
- },
589
- "emphasis": {
590
- "focus": "self"
591
- },
592
- "itemStyle": {
593
- "borderColor": "rgba(0,0,0,0)",
594
- "borderWidth": 1,
595
- "borderType": "solid"
596
- },
597
- "barWidth": 16,
598
- "barMinHeight": 2,
599
- "color": "#5274E8",
600
- "data": [{
601
- "total": "",
602
- "monitor_id": "",
603
- "monitor_name": "",
604
- "yDataName": "@abpanandatv",
605
- "name": "@abpanandatv",
606
- "platformIcon": "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdC8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+PHJlY3QvPjxwYXRoIGQ9Ik02Ljk5NCAxLjc1aC4yMDhhNzQuMjM1IDc0LjIzNSAwIDAgMSAyLjE3OS4wNDZjMS4xNTMuMDQ0IDEuOTUyLjExMSAyLjQxMi4yMzZhMi42NyAyLjY3IDAgMCAxIDEuOTE1IDEuODg2Yy4xMDMuMzY3LjE3MS44Mi4yMTggMS4zNjFhMjAuMTU2IDIwLjE1NiAwIDAgMSAwIDMuMzgzYy0uMDQ3LjU0My0uMTE1Ljk5OC0uMjE3IDEuMzY0YTIuNzA0IDIuNzA0IDAgMCAxLTEuOTEgMS44OWMtLjQ2OS4xMjQtMS4yNjguMTktMi40MTkuMjM0YTY2LjE3MyA2Ni4xNzMgMCAwIDEtMi4xNzguMDQ0bC0uMTUyLjAwMWgtLjI2M2E3NS4wOTggNzUuMDk4IDAgMCAxLTIuMTcyLS4wNDVjLTEuMTUtLjA0My0xLjk0Ny0uMTEtMi40MjItLjIzN2EyLjc0MyAyLjc0MyAwIDAgMS0xLjkwNS0xLjg2OGwtLjAwOC0uMDI3Yy0uMDk4LS4zNjYtLjE2My0uODE5LS4yMDktMS4zNkEyMS4wNjEgMjEuMDYxIDAgMCAxIC4wMSA2LjQzN2MuMDEtLjM5MS4wMy0uNzgzLjA2Mi0xLjE1NC4wNDYtLjUzOS4xMTEtLjk5LjIxLTEuMzU0bC4wMDUtLjAxN2EyLjcxIDIuNzEgMCAwIDEgMS45MDgtMS44NzZjLjQ3LS4xMjggMS4yNjgtLjE5NiAyLjQyLS4yNGE2NC44MDUgNjQuODA1IDAgMCAxIDIuMTczLS4wNDVsLjE1MS0uMDAxSDYuOTk0Wm0tLjA3MSAxLjI3M2MtLjI2IDAtMS4xOS4wMDYtMi4xNDcuMDRsLS4xMjguMDA1Yy0uODcyLjAzNC0xLjc0Mi4wOTMtMi4xMi4xOTYtLjQ5NC4xMy0uODc4LjUxLTEuMDE5Ljk5OS0uMjE4LjgwMy0uMjM1IDIuNDMtLjIzNiAyLjY3MXYuMDZjLjAwMS4yNC4wMTcgMS44OC4yMzYgMi42OTIuMTQuNDc4LjUyNS44NjUgMS4wMTkgMSAuMzQxLjA5IDEuMDgzLjE0NyAxLjg2Ni4xODFsLjEyNy4wMDYuMTI3LjAwNS4wNjQuMDAyLjEyOC4wMDVjLjkzNC4wMzIgMS44My4wMzcgMi4wODMuMDM3aC4xNDJjLjI3MiAwIDEuMjc3LS4wMDYgMi4yOC0uMDQ0bC4xMjgtLjAwNS4xMjgtLjAwNmMuNzg0LS4wMzQgMS41MjgtLjA5IDEuODcxLS4xODJhMS40MyAxLjQzIDAgMCAwIDEuMDEtLjk5OWMuMjI3LS44MTEuMjQ0LTIuNDUxLjI0NS0yLjY5MnYtLjA2Yy0uMDAxLS4yNDEtLjAxOC0xLjg2OC0uMjQ0LTIuNjcxYTEuNDA0IDEuNDA0IDAgMCAwLTEuMDEtMWMtLjgxNy0uMjItMy45LS4yMzktNC40MDgtLjI0aC0uMTQyWiIgZmlsbD0iI0YwMyIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZmlsbD0iI0YwMyIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJtOS40MDEgNy0zLjYyLTIuMDUydjQuMTA0eiIvPjwvZz48L2c+PC9zdmc+",
607
- "value": 287092,
608
- "currentTime": "2026/03/18 - 2026/04/14 (近28天)",
609
- "alias": "UCv3rFzn-GHGtqzXiaq3sWNg_900b0ff7-3a2e-4431-a9f8-5811d9172cbd"
610
- }, {
611
- "total": "",
612
- "monitor_id": "",
613
- "monitor_name": "",
614
- "yDataName": "@abpanandatv",
615
- "name": "@abpanandatv",
616
- "platformIcon": "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdC8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+PHJlY3QvPjxwYXRoIGQ9Ik02Ljk5NCAxLjc1aC4yMDhhNzQuMjM1IDc0LjIzNSAwIDAgMSAyLjE3OS4wNDZjMS4xNTMuMDQ0IDEuOTUyLjExMSAyLjQxMi4yMzZhMi42NyAyLjY3IDAgMCAxIDEuOTE1IDEuODg2Yy4xMDMuMzY3LjE3MS44Mi4yMTggMS4zNjFhMjAuMTU2IDIwLjE1NiAwIDAgMSAwIDMuMzgzYy0uMDQ3LjU0My0uMTE1Ljk5OC0uMjE3IDEuMzY0YTIuNzA0IDIuNzA0IDAgMCAxLTEuOTEgMS44OWMtLjQ2OS4xMjQtMS4yNjguMTktMi40MTkuMjM0YTY2LjE3MyA2Ni4xNzMgMCAwIDEtMi4xNzguMDQ0bC0uMTUyLjAwMWgtLjI2M2E3NS4wOTggNzUuMDk4IDAgMCAxLTIuMTcyLS4wNDVjLTEuMTUtLjA0My0xLjk0Ny0uMTEtMi40MjItLjIzN2EyLjc0MyAyLjc0MyAwIDAgMS0xLjkwNS0xLjg2OGwtLjAwOC0uMDI3Yy0uMDk4LS4zNjYtLjE2My0uODE5LS4yMDktMS4zNkEyMS4wNjEgMjEuMDYxIDAgMCAxIC4wMSA2LjQzN2MuMDEtLjM5MS4wMy0uNzgzLjA2Mi0xLjE1NC4wNDYtLjUzOS4xMTEtLjk5LjIxLTEuMzU0bC4wMDUtLjAxN2EyLjcxIDIuNzEgMCAwIDEgMS45MDgtMS44NzZjLjQ3LS4xMjggMS4yNjgtLjE5NiAyLjQyLS4yNGE2NC44MDUgNjQuODA1IDAgMCAxIDIuMTczLS4wNDVsLjE1MS0uMDAxSDYuOTk0Wm0tLjA3MSAxLjI3M2MtLjI2IDAtMS4xOS4wMDYtMi4xNDcuMDRsLS4xMjguMDA1Yy0uODcyLjAzNC0xLjc0Mi4wOTMtMi4xMi4xOTYtLjQ5NC4xMy0uODc4LjUxLTEuMDE5Ljk5OS0uMjE4LjgwMy0uMjM1IDIuNDMtLjIzNiAyLjY3MXYuMDZjLjAwMS4yNC4wMTcgMS44OC4yMzYgMi42OTIuMTQuNDc4LjUyNS44NjUgMS4wMTkgMSAuMzQxLjA5IDEuMDgzLjE0NyAxLjg2Ni4xODFsLjEyNy4wMDYuMTI3LjAwNS4wNjQuMDAyLjEyOC4wMDVjLjkzNC4wMzIgMS44My4wMzcgMi4wODMuMDM3aC4xNDJjLjI3MiAwIDEuMjc3LS4wMDYgMi4yOC0uMDQ0bC4xMjgtLjAwNS4xMjgtLjAwNmMuNzg0LS4wMzQgMS41MjgtLjA5IDEuODcxLS4xODJhMS40MyAxLjQzIDAgMCAwIDEuMDEtLjk5OWMuMjI3LS44MTEuMjQ0LTIuNDUxLjI0NS0yLjY5MnYtLjA2Yy0uMDAxLS4yNDEtLjAxOC0xLjg2OC0uMjQ0LTIuNjcxYTEuNDA0IDEuNDA0IDAgMCAwLTEuMDEtMWMtLjgxNy0uMjItMy45LS4yMzktNC40MDgtLjI0aC0uMTQyWiIgZmlsbD0iI0YwMyIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZmlsbD0iI0YwMyIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJtOS40MDEgNy0zLjYyLTIuMDUydjQuMTA0eiIvPjwvZz48L2c+PC9zdmc+",
617
- "value": 290983,
618
- "currentTime": "2025/04/01 - 2025/04/30 (自定义)",
619
- "alias": "UCv3rFzn-GHGtqzXiaq3sWNg_e912eb3a-7336-4c72-8c6c-6dca1ceb0fa7"
620
- }, {
621
- "total": "",
622
- "monitor_id": "",
623
- "monitor_name": "",
624
- "yDataName": "@abpanandatv",
625
- "name": "@abpanandatv",
626
- "platformIcon": "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdC8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+PHJlY3QvPjxwYXRoIGQ9Ik02Ljk5NCAxLjc1aC4yMDhhNzQuMjM1IDc0LjIzNSAwIDAgMSAyLjE3OS4wNDZjMS4xNTMuMDQ0IDEuOTUyLjExMSAyLjQxMi4yMzZhMi42NyAyLjY3IDAgMCAxIDEuOTE1IDEuODg2Yy4xMDMuMzY3LjE3MS44Mi4yMTggMS4zNjFhMjAuMTU2IDIwLjE1NiAwIDAgMSAwIDMuMzgzYy0uMDQ3LjU0My0uMTE1Ljk5OC0uMjE3IDEuMzY0YTIuNzA0IDIuNzA0IDAgMCAxLTEuOTEgMS44OWMtLjQ2OS4xMjQtMS4yNjguMTktMi40MTkuMjM0YTY2LjE3MyA2Ni4xNzMgMCAwIDEtMi4xNzguMDQ0bC0uMTUyLjAwMWgtLjI2M2E3NS4wOTggNzUuMDk4IDAgMCAxLTIuMTcyLS4wNDVjLTEuMTUtLjA0My0xLjk0Ny0uMTEtMi40MjItLjIzN2EyLjc0MyAyLjc0MyAwIDAgMS0xLjkwNS0xLjg2OGwtLjAwOC0uMDI3Yy0uMDk4LS4zNjYtLjE2My0uODE5LS4yMDktMS4zNkEyMS4wNjEgMjEuMDYxIDAgMCAxIC4wMSA2LjQzN2MuMDEtLjM5MS4wMy0uNzgzLjA2Mi0xLjE1NC4wNDYtLjUzOS4xMTEtLjk5LjIxLTEuMzU0bC4wMDUtLjAxN2EyLjcxIDIuNzEgMCAwIDEgMS45MDgtMS44NzZjLjQ3LS4xMjggMS4yNjgtLjE5NiAyLjQyLS4yNGE2NC44MDUgNjQuODA1IDAgMCAxIDIuMTczLS4wNDVsLjE1MS0uMDAxSDYuOTk0Wm0tLjA3MSAxLjI3M2MtLjI2IDAtMS4xOS4wMDYtMi4xNDcuMDRsLS4xMjguMDA1Yy0uODcyLjAzNC0xLjc0Mi4wOTMtMi4xMi4xOTYtLjQ5NC4xMy0uODc4LjUxLTEuMDE5Ljk5OS0uMjE4LjgwMy0uMjM1IDIuNDMtLjIzNiAyLjY3MXYuMDZjLjAwMS4yNC4wMTcgMS44OC4yMzYgMi42OTIuMTQuNDc4LjUyNS44NjUgMS4wMTkgMSAuMzQxLjA5IDEuMDgzLjE0NyAxLjg2Ni4xODFsLjEyNy4wMDYuMTI3LjAwNS4wNjQuMDAyLjEyOC4wMDVjLjkzNC4wMzIgMS44My4wMzcgMi4wODMuMDM3aC4xNDJjLjI3MiAwIDEuMjc3LS4wMDYgMi4yOC0uMDQ0bC4xMjgtLjAwNS4xMjgtLjAwNmMuNzg0LS4wMzQgMS41MjgtLjA5IDEuODcxLS4xODJhMS40MyAxLjQzIDAgMCAwIDEuMDEtLjk5OWMuMjI3LS44MTEuMjQ0LTIuNDUxLjI0NS0yLjY5MnYtLjA2Yy0uMDAxLS4yNDEtLjAxOC0xLjg2OC0uMjQ0LTIuNjcxYTEuNDA0IDEuNDA0IDAgMCAwLTEuMDEtMWMtLjgxNy0uMjItMy45LS4yMzktNC40MDgtLjI0aC0uMTQyWiIgZmlsbD0iI0YwMyIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZmlsbD0iI0YwMyIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJtOS40MDEgNy0zLjYyLTIuMDUydjQuMTA0eiIvPjwvZz48L2c+PC9zdmc+",
627
- "value": 23244,
628
- "currentTime": "2026/04/01 - 2026/04/02 (自定义)",
629
- "alias": "UCv3rFzn-GHGtqzXiaq3sWNg_058904df-4bf9-433b-a5ad-028b1df0d784"
630
- }]
631
- }, {
632
- "name": "Shares / Reposts",
633
- "alias": "post_shares",
634
- "type": "bar",
635
- "stack": "total",
636
- "label": {
637
- "show": false
638
- },
639
- "emphasis": {
640
- "focus": "self"
641
- },
642
- "itemStyle": {
643
- "borderColor": "rgba(0,0,0,0)",
644
- "borderWidth": 1,
645
- "borderType": "solid"
646
- },
647
- "barWidth": 16,
648
- "barMinHeight": 2,
649
- "color": "#F8AF1D",
650
- "data": [{
651
- "total": "",
652
- "monitor_id": "",
653
- "monitor_name": "",
654
- "yDataName": "@abpanandatv",
655
- "name": "@abpanandatv",
656
- "platformIcon": "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdC8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+PHJlY3QvPjxwYXRoIGQ9Ik02Ljk5NCAxLjc1aC4yMDhhNzQuMjM1IDc0LjIzNSAwIDAgMSAyLjE3OS4wNDZjMS4xNTMuMDQ0IDEuOTUyLjExMSAyLjQxMi4yMzZhMi42NyAyLjY3IDAgMCAxIDEuOTE1IDEuODg2Yy4xMDMuMzY3LjE3MS44Mi4yMTggMS4zNjFhMjAuMTU2IDIwLjE1NiAwIDAgMSAwIDMuMzgzYy0uMDQ3LjU0My0uMTE1Ljk5OC0uMjE3IDEuMzY0YTIuNzA0IDIuNzA0IDAgMCAxLTEuOTEgMS44OWMtLjQ2OS4xMjQtMS4yNjguMTktMi40MTkuMjM0YTY2LjE3MyA2Ni4xNzMgMCAwIDEtMi4xNzguMDQ0bC0uMTUyLjAwMWgtLjI2M2E3NS4wOTggNzUuMDk4IDAgMCAxLTIuMTcyLS4wNDVjLTEuMTUtLjA0My0xLjk0Ny0uMTEtMi40MjItLjIzN2EyLjc0MyAyLjc0MyAwIDAgMS0xLjkwNS0xLjg2OGwtLjAwOC0uMDI3Yy0uMDk4LS4zNjYtLjE2My0uODE5LS4yMDktMS4zNkEyMS4wNjEgMjEuMDYxIDAgMCAxIC4wMSA2LjQzN2MuMDEtLjM5MS4wMy0uNzgzLjA2Mi0xLjE1NC4wNDYtLjUzOS4xMTEtLjk5LjIxLTEuMzU0bC4wMDUtLjAxN2EyLjcxIDIuNzEgMCAwIDEgMS45MDgtMS44NzZjLjQ3LS4xMjggMS4yNjgtLjE5NiAyLjQyLS4yNGE2NC44MDUgNjQuODA1IDAgMCAxIDIuMTczLS4wNDVsLjE1MS0uMDAxSDYuOTk0Wm0tLjA3MSAxLjI3M2MtLjI2IDAtMS4xOS4wMDYtMi4xNDcuMDRsLS4xMjguMDA1Yy0uODcyLjAzNC0xLjc0Mi4wOTMtMi4xMi4xOTYtLjQ5NC4xMy0uODc4LjUxLTEuMDE5Ljk5OS0uMjE4LjgwMy0uMjM1IDIuNDMtLjIzNiAyLjY3MXYuMDZjLjAwMS4yNC4wMTcgMS44OC4yMzYgMi42OTIuMTQuNDc4LjUyNS44NjUgMS4wMTkgMSAuMzQxLjA5IDEuMDgzLjE0NyAxLjg2Ni4xODFsLjEyNy4wMDYuMTI3LjAwNS4wNjQuMDAyLjEyOC4wMDVjLjkzNC4wMzIgMS44My4wMzcgMi4wODMuMDM3aC4xNDJjLjI3MiAwIDEuMjc3LS4wMDYgMi4yOC0uMDQ0bC4xMjgtLjAwNS4xMjgtLjAwNmMuNzg0LS4wMzQgMS41MjgtLjA5IDEuODcxLS4xODJhMS40MyAxLjQzIDAgMCAwIDEuMDEtLjk5OWMuMjI3LS44MTEuMjQ0LTIuNDUxLjI0NS0yLjY5MnYtLjA2Yy0uMDAxLS4yNDEtLjAxOC0xLjg2OC0uMjQ0LTIuNjcxYTEuNDA0IDEuNDA0IDAgMCAwLTEuMDEtMWMtLjgxNy0uMjItMy45LS4yMzktNC40MDgtLjI0aC0uMTQyWiIgZmlsbD0iI0YwMyIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZmlsbD0iI0YwMyIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJtOS40MDEgNy0zLjYyLTIuMDUydjQuMTA0eiIvPjwvZz48L2c+PC9zdmc+",
657
- "value": 0,
658
- "currentTime": "2026/03/18 - 2026/04/14 (近28天)",
659
- "alias": "UCv3rFzn-GHGtqzXiaq3sWNg_900b0ff7-3a2e-4431-a9f8-5811d9172cbd"
660
- }, {
661
- "total": "",
662
- "monitor_id": "",
663
- "monitor_name": "",
664
- "yDataName": "@abpanandatv",
665
- "name": "@abpanandatv",
666
- "platformIcon": "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdC8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+PHJlY3QvPjxwYXRoIGQ9Ik02Ljk5NCAxLjc1aC4yMDhhNzQuMjM1IDc0LjIzNSAwIDAgMSAyLjE3OS4wNDZjMS4xNTMuMDQ0IDEuOTUyLjExMSAyLjQxMi4yMzZhMi42NyAyLjY3IDAgMCAxIDEuOTE1IDEuODg2Yy4xMDMuMzY3LjE3MS44Mi4yMTggMS4zNjFhMjAuMTU2IDIwLjE1NiAwIDAgMSAwIDMuMzgzYy0uMDQ3LjU0My0uMTE1Ljk5OC0uMjE3IDEuMzY0YTIuNzA0IDIuNzA0IDAgMCAxLTEuOTEgMS44OWMtLjQ2OS4xMjQtMS4yNjguMTktMi40MTkuMjM0YTY2LjE3MyA2Ni4xNzMgMCAwIDEtMi4xNzguMDQ0bC0uMTUyLjAwMWgtLjI2M2E3NS4wOTggNzUuMDk4IDAgMCAxLTIuMTcyLS4wNDVjLTEuMTUtLjA0My0xLjk0Ny0uMTEtMi40MjItLjIzN2EyLjc0MyAyLjc0MyAwIDAgMS0xLjkwNS0xLjg2OGwtLjAwOC0uMDI3Yy0uMDk4LS4zNjYtLjE2My0uODE5LS4yMDktMS4zNkEyMS4wNjEgMjEuMDYxIDAgMCAxIC4wMSA2LjQzN2MuMDEtLjM5MS4wMy0uNzgzLjA2Mi0xLjE1NC4wNDYtLjUzOS4xMTEtLjk5LjIxLTEuMzU0bC4wMDUtLjAxN2EyLjcxIDIuNzEgMCAwIDEgMS45MDgtMS44NzZjLjQ3LS4xMjggMS4yNjgtLjE5NiAyLjQyLS4yNGE2NC44MDUgNjQuODA1IDAgMCAxIDIuMTczLS4wNDVsLjE1MS0uMDAxSDYuOTk0Wm0tLjA3MSAxLjI3M2MtLjI2IDAtMS4xOS4wMDYtMi4xNDcuMDRsLS4xMjguMDA1Yy0uODcyLjAzNC0xLjc0Mi4wOTMtMi4xMi4xOTYtLjQ5NC4xMy0uODc4LjUxLTEuMDE5Ljk5OS0uMjE4LjgwMy0uMjM1IDIuNDMtLjIzNiAyLjY3MXYuMDZjLjAwMS4yNC4wMTcgMS44OC4yMzYgMi42OTIuMTQuNDc4LjUyNS44NjUgMS4wMTkgMSAuMzQxLjA5IDEuMDgzLjE0NyAxLjg2Ni4xODFsLjEyNy4wMDYuMTI3LjAwNS4wNjQuMDAyLjEyOC4wMDVjLjkzNC4wMzIgMS44My4wMzcgMi4wODMuMDM3aC4xNDJjLjI3MiAwIDEuMjc3LS4wMDYgMi4yOC0uMDQ0bC4xMjgtLjAwNS4xMjgtLjAwNmMuNzg0LS4wMzQgMS41MjgtLjA5IDEuODcxLS4xODJhMS40MyAxLjQzIDAgMCAwIDEuMDEtLjk5OWMuMjI3LS44MTEuMjQ0LTIuNDUxLjI0NS0yLjY5MnYtLjA2Yy0uMDAxLS4yNDEtLjAxOC0xLjg2OC0uMjQ0LTIuNjcxYTEuNDA0IDEuNDA0IDAgMCAwLTEuMDEtMWMtLjgxNy0uMjItMy45LS4yMzktNC40MDgtLjI0aC0uMTQyWiIgZmlsbD0iI0YwMyIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZmlsbD0iI0YwMyIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJtOS40MDEgNy0zLjYyLTIuMDUydjQuMTA0eiIvPjwvZz48L2c+PC9zdmc+",
667
- "value": 0,
668
- "currentTime": "2025/04/01 - 2025/04/30 (自定义)",
669
- "alias": "UCv3rFzn-GHGtqzXiaq3sWNg_e912eb3a-7336-4c72-8c6c-6dca1ceb0fa7"
670
- }, {
671
- "total": "",
672
- "monitor_id": "",
673
- "monitor_name": "",
674
- "yDataName": "@abpanandatv",
675
- "name": "@abpanandatv",
676
- "platformIcon": "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdC8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+PHJlY3QvPjxwYXRoIGQ9Ik02Ljk5NCAxLjc1aC4yMDhhNzQuMjM1IDc0LjIzNSAwIDAgMSAyLjE3OS4wNDZjMS4xNTMuMDQ0IDEuOTUyLjExMSAyLjQxMi4yMzZhMi42NyAyLjY3IDAgMCAxIDEuOTE1IDEuODg2Yy4xMDMuMzY3LjE3MS44Mi4yMTggMS4zNjFhMjAuMTU2IDIwLjE1NiAwIDAgMSAwIDMuMzgzYy0uMDQ3LjU0My0uMTE1Ljk5OC0uMjE3IDEuMzY0YTIuNzA0IDIuNzA0IDAgMCAxLTEuOTEgMS44OWMtLjQ2OS4xMjQtMS4yNjguMTktMi40MTkuMjM0YTY2LjE3MyA2Ni4xNzMgMCAwIDEtMi4xNzguMDQ0bC0uMTUyLjAwMWgtLjI2M2E3NS4wOTggNzUuMDk4IDAgMCAxLTIuMTcyLS4wNDVjLTEuMTUtLjA0My0xLjk0Ny0uMTEtMi40MjItLjIzN2EyLjc0MyAyLjc0MyAwIDAgMS0xLjkwNS0xLjg2OGwtLjAwOC0uMDI3Yy0uMDk4LS4zNjYtLjE2My0uODE5LS4yMDktMS4zNkEyMS4wNjEgMjEuMDYxIDAgMCAxIC4wMSA2LjQzN2MuMDEtLjM5MS4wMy0uNzgzLjA2Mi0xLjE1NC4wNDYtLjUzOS4xMTEtLjk5LjIxLTEuMzU0bC4wMDUtLjAxN2EyLjcxIDIuNzEgMCAwIDEgMS45MDgtMS44NzZjLjQ3LS4xMjggMS4yNjgtLjE5NiAyLjQyLS4yNGE2NC44MDUgNjQuODA1IDAgMCAxIDIuMTczLS4wNDVsLjE1MS0uMDAxSDYuOTk0Wm0tLjA3MSAxLjI3M2MtLjI2IDAtMS4xOS4wMDYtMi4xNDcuMDRsLS4xMjguMDA1Yy0uODcyLjAzNC0xLjc0Mi4wOTMtMi4xMi4xOTYtLjQ5NC4xMy0uODc4LjUxLTEuMDE5Ljk5OS0uMjE4LjgwMy0uMjM1IDIuNDMtLjIzNiAyLjY3MXYuMDZjLjAwMS4yNC4wMTcgMS44OC4yMzYgMi42OTIuMTQuNDc4LjUyNS44NjUgMS4wMTkgMSAuMzQxLjA5IDEuMDgzLjE0NyAxLjg2Ni4xODFsLjEyNy4wMDYuMTI3LjAwNS4wNjQuMDAyLjEyOC4wMDVjLjkzNC4wMzIgMS44My4wMzcgMi4wODMuMDM3aC4xNDJjLjI3MiAwIDEuMjc3LS4wMDYgMi4yOC0uMDQ0bC4xMjgtLjAwNS4xMjgtLjAwNmMuNzg0LS4wMzQgMS41MjgtLjA5IDEuODcxLS4xODJhMS40MyAxLjQzIDAgMCAwIDEuMDEtLjk5OWMuMjI3LS44MTEuMjQ0LTIuNDUxLjI0NS0yLjY5MnYtLjA2Yy0uMDAxLS4yNDEtLjAxOC0xLjg2OC0uMjQ0LTIuNjcxYTEuNDA0IDEuNDA0IDAgMCAwLTEuMDEtMWMtLjgxNy0uMjItMy45LS4yMzktNC40MDgtLjI0aC0uMTQyWiIgZmlsbD0iI0YwMyIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZmlsbD0iI0YwMyIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJtOS40MDEgNy0zLjYyLTIuMDUydjQuMTA0eiIvPjwvZz48L2c+PC9zdmc+",
677
- "value": 0,
678
- "currentTime": "2026/04/01 - 2026/04/02 (自定义)",
679
- "alias": "UCv3rFzn-GHGtqzXiaq3sWNg_058904df-4bf9-433b-a5ad-028b1df0d784"
680
- }]
681
- }],
682
- handleClick: handleClick,
683
- legendNum: 4,
684
- legendValue: false,
685
- isLabelShow: false,
686
- isXAxisShow: true,
687
- legendDropdownRight: -87,
688
- xAxisMaxMultiplier: 0.8
689
523
  })));
690
524
  }
691
525
  export default App;
@@ -0,0 +1,174 @@
1
+ import { StackedBar } from "../../..";
2
+ var handleClick = function handleClick(type, params) {
3
+ console.log('type', type);
4
+ console.log('params', params);
5
+ };
6
+ function App() {
7
+ return /*#__PURE__*/React.createElement("div", {
8
+ style: {
9
+ width: '460px',
10
+ height: '320px'
11
+ }
12
+ }, /*#__PURE__*/React.createElement(StackedBar, {
13
+ yAxisData: ['@abpanandatv', '@abpanandatv', '@abpanandatv'],
14
+ series: [{
15
+ "name": "Reactions / Likes",
16
+ "alias": "post_likes",
17
+ "type": "bar",
18
+ "stack": "total",
19
+ "label": {
20
+ "show": false
21
+ },
22
+ "emphasis": {
23
+ "focus": "self"
24
+ },
25
+ "itemStyle": {
26
+ "borderColor": "rgba(0,0,0,0)",
27
+ "borderWidth": 1,
28
+ "borderType": "solid"
29
+ },
30
+ "barWidth": 16,
31
+ "barMinHeight": 2,
32
+ "color": "#1DA9A0",
33
+ "data": [{
34
+ "total": "",
35
+ "monitor_id": "",
36
+ "monitor_name": "",
37
+ "yDataName": "@abpanandatv",
38
+ "name": "@abpanandatv",
39
+ "platformIcon": "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdC8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+PHJlY3QvPjxwYXRoIGQ9Ik02Ljk5NCAxLjc1aC4yMDhhNzQuMjM1IDc0LjIzNSAwIDAgMSAyLjE3OS4wNDZjMS4xNTMuMDQ0IDEuOTUyLjExMSAyLjQxMi4yMzZhMi42NyAyLjY3IDAgMCAxIDEuOTE1IDEuODg2Yy4xMDMuMzY3LjE3MS44Mi4yMTggMS4zNjFhMjAuMTU2IDIwLjE1NiAwIDAgMSAwIDMuMzgzYy0uMDQ3LjU0My0uMTE1Ljk5OC0uMjE3IDEuMzY0YTIuNzA0IDIuNzA0IDAgMCAxLTEuOTEgMS44OWMtLjQ2OS4xMjQtMS4yNjguMTktMi40MTkuMjM0YTY2LjE3MyA2Ni4xNzMgMCAwIDEtMi4xNzguMDQ0bC0uMTUyLjAwMWgtLjI2M2E3NS4wOTggNzUuMDk4IDAgMCAxLTIuMTcyLS4wNDVjLTEuMTUtLjA0My0xLjk0Ny0uMTEtMi40MjItLjIzN2EyLjc0MyAyLjc0MyAwIDAgMS0xLjkwNS0xLjg2OGwtLjAwOC0uMDI3Yy0uMDk4LS4zNjYtLjE2My0uODE5LS4yMDktMS4zNkEyMS4wNjEgMjEuMDYxIDAgMCAxIC4wMSA2LjQzN2MuMDEtLjM5MS4wMy0uNzgzLjA2Mi0xLjE1NC4wNDYtLjUzOS4xMTEtLjk5LjIxLTEuMzU0bC4wMDUtLjAxN2EyLjcxIDIuNzEgMCAwIDEgMS45MDgtMS44NzZjLjQ3LS4xMjggMS4yNjgtLjE5NiAyLjQyLS4yNGE2NC44MDUgNjQuODA1IDAgMCAxIDIuMTczLS4wNDVsLjE1MS0uMDAxSDYuOTk0Wm0tLjA3MSAxLjI3M2MtLjI2IDAtMS4xOS4wMDYtMi4xNDcuMDRsLS4xMjguMDA1Yy0uODcyLjAzNC0xLjc0Mi4wOTMtMi4xMi4xOTYtLjQ5NC4xMy0uODc4LjUxLTEuMDE5Ljk5OS0uMjE4LjgwMy0uMjM1IDIuNDMtLjIzNiAyLjY3MXYuMDZjLjAwMS4yNC4wMTcgMS44OC4yMzYgMi42OTIuMTQuNDc4LjUyNS44NjUgMS4wMTkgMSAuMzQxLjA5IDEuMDgzLjE0NyAxLjg2Ni4xODFsLjEyNy4wMDYuMTI3LjAwNS4wNjQuMDAyLjEyOC4wMDVjLjkzNC4wMzIgMS44My4wMzcgMi4wODMuMDM3aC4xNDJjLjI3MiAwIDEuMjc3LS4wMDYgMi4yOC0uMDQ0bC4xMjgtLjAwNS4xMjgtLjAwNmMuNzg0LS4wMzQgMS41MjgtLjA5IDEuODcxLS4xODJhMS40MyAxLjQzIDAgMCAwIDEuMDEtLjk5OWMuMjI3LS44MTEuMjQ0LTIuNDUxLjI0NS0yLjY5MnYtLjA2Yy0uMDAxLS4yNDEtLjAxOC0xLjg2OC0uMjQ0LTIuNjcxYTEuNDA0IDEuNDA0IDAgMCAwLTEuMDEtMWMtLjgxNy0uMjItMy45LS4yMzktNC40MDgtLjI0aC0uMTQyWiIgZmlsbD0iI0YwMyIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZmlsbD0iI0YwMyIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJtOS40MDEgNy0zLjYyLTIuMDUydjQuMTA0eiIvPjwvZz48L2c+PC9zdmc+",
40
+ "value": 5362970,
41
+ "currentTime": "2026/03/18 - 2026/04/14 (近28天)",
42
+ "alias": "UCv3rFzn-GHGtqzXiaq3sWNg_900b0ff7-3a2e-4431-a9f8-5811d9172cbd"
43
+ }, {
44
+ "total": "",
45
+ "monitor_id": "",
46
+ "monitor_name": "",
47
+ "yDataName": "@abpanandatv",
48
+ "name": "@abpanandatv",
49
+ "platformIcon": "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdC8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+PHJlY3QvPjxwYXRoIGQ9Ik02Ljk5NCAxLjc1aC4yMDhhNzQuMjM1IDc0LjIzNSAwIDAgMSAyLjE3OS4wNDZjMS4xNTMuMDQ0IDEuOTUyLjExMSAyLjQxMi4yMzZhMi42NyAyLjY3IDAgMCAxIDEuOTE1IDEuODg2Yy4xMDMuMzY3LjE3MS44Mi4yMTggMS4zNjFhMjAuMTU2IDIwLjE1NiAwIDAgMSAwIDMuMzgzYy0uMDQ3LjU0My0uMTE1Ljk5OC0uMjE3IDEuMzY0YTIuNzA0IDIuNzA0IDAgMCAxLTEuOTEgMS44OWMtLjQ2OS4xMjQtMS4yNjguMTktMi40MTkuMjM0YTY2LjE3MyA2Ni4xNzMgMCAwIDEtMi4xNzguMDQ0bC0uMTUyLjAwMWgtLjI2M2E3NS4wOTggNzUuMDk4IDAgMCAxLTIuMTcyLS4wNDVjLTEuMTUtLjA0My0xLjk0Ny0uMTEtMi40MjItLjIzN2EyLjc0MyAyLjc0MyAwIDAgMS0xLjkwNS0xLjg2OGwtLjAwOC0uMDI3Yy0uMDk4LS4zNjYtLjE2My0uODE5LS4yMDktMS4zNkEyMS4wNjEgMjEuMDYxIDAgMCAxIC4wMSA2LjQzN2MuMDEtLjM5MS4wMy0uNzgzLjA2Mi0xLjE1NC4wNDYtLjUzOS4xMTEtLjk5LjIxLTEuMzU0bC4wMDUtLjAxN2EyLjcxIDIuNzEgMCAwIDEgMS45MDgtMS44NzZjLjQ3LS4xMjggMS4yNjgtLjE5NiAyLjQyLS4yNGE2NC44MDUgNjQuODA1IDAgMCAxIDIuMTczLS4wNDVsLjE1MS0uMDAxSDYuOTk0Wm0tLjA3MSAxLjI3M2MtLjI2IDAtMS4xOS4wMDYtMi4xNDcuMDRsLS4xMjguMDA1Yy0uODcyLjAzNC0xLjc0Mi4wOTMtMi4xMi4xOTYtLjQ5NC4xMy0uODc4LjUxLTEuMDE5Ljk5OS0uMjE4LjgwMy0uMjM1IDIuNDMtLjIzNiAyLjY3MXYuMDZjLjAwMS4yNC4wMTcgMS44OC4yMzYgMi42OTIuMTQuNDc4LjUyNS44NjUgMS4wMTkgMSAuMzQxLjA5IDEuMDgzLjE0NyAxLjg2Ni4xODFsLjEyNy4wMDYuMTI3LjAwNS4wNjQuMDAyLjEyOC4wMDVjLjkzNC4wMzIgMS44My4wMzcgMi4wODMuMDM3aC4xNDJjLjI3MiAwIDEuMjc3LS4wMDYgMi4yOC0uMDQ0bC4xMjgtLjAwNS4xMjgtLjAwNmMuNzg0LS4wMzQgMS41MjgtLjA5IDEuODcxLS4xODJhMS40MyAxLjQzIDAgMCAwIDEuMDEtLjk5OWMuMjI3LS44MTEuMjQ0LTIuNDUxLjI0NS0yLjY5MnYtLjA2Yy0uMDAxLS4yNDEtLjAxOC0xLjg2OC0uMjQ0LTIuNjcxYTEuNDA0IDEuNDA0IDAgMCAwLTEuMDEtMWMtLjgxNy0uMjItMy45LS4yMzktNC40MDgtLjI0aC0uMTQyWiIgZmlsbD0iI0YwMyIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZmlsbD0iI0YwMyIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJtOS40MDEgNy0zLjYyLTIuMDUydjQuMTA0eiIvPjwvZz48L2c+PC9zdmc+",
50
+ "value": 2397370,
51
+ "currentTime": "2025/04/01 - 2025/04/30 (自定义)",
52
+ "alias": "UCv3rFzn-GHGtqzXiaq3sWNg_e912eb3a-7336-4c72-8c6c-6dca1ceb0fa7"
53
+ }, {
54
+ "total": "",
55
+ "monitor_id": "",
56
+ "monitor_name": "",
57
+ "yDataName": "@abpanandatv",
58
+ "name": "@abpanandatv",
59
+ "platformIcon": "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdC8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+PHJlY3QvPjxwYXRoIGQ9Ik02Ljk5NCAxLjc1aC4yMDhhNzQuMjM1IDc0LjIzNSAwIDAgMSAyLjE3OS4wNDZjMS4xNTMuMDQ0IDEuOTUyLjExMSAyLjQxMi4yMzZhMi42NyAyLjY3IDAgMCAxIDEuOTE1IDEuODg2Yy4xMDMuMzY3LjE3MS44Mi4yMTggMS4zNjFhMjAuMTU2IDIwLjE1NiAwIDAgMSAwIDMuMzgzYy0uMDQ3LjU0My0uMTE1Ljk5OC0uMjE3IDEuMzY0YTIuNzA0IDIuNzA0IDAgMCAxLTEuOTEgMS44OWMtLjQ2OS4xMjQtMS4yNjguMTktMi40MTkuMjM0YTY2LjE3MyA2Ni4xNzMgMCAwIDEtMi4xNzguMDQ0bC0uMTUyLjAwMWgtLjI2M2E3NS4wOTggNzUuMDk4IDAgMCAxLTIuMTcyLS4wNDVjLTEuMTUtLjA0My0xLjk0Ny0uMTEtMi40MjItLjIzN2EyLjc0MyAyLjc0MyAwIDAgMS0xLjkwNS0xLjg2OGwtLjAwOC0uMDI3Yy0uMDk4LS4zNjYtLjE2My0uODE5LS4yMDktMS4zNkEyMS4wNjEgMjEuMDYxIDAgMCAxIC4wMSA2LjQzN2MuMDEtLjM5MS4wMy0uNzgzLjA2Mi0xLjE1NC4wNDYtLjUzOS4xMTEtLjk5LjIxLTEuMzU0bC4wMDUtLjAxN2EyLjcxIDIuNzEgMCAwIDEgMS45MDgtMS44NzZjLjQ3LS4xMjggMS4yNjgtLjE5NiAyLjQyLS4yNGE2NC44MDUgNjQuODA1IDAgMCAxIDIuMTczLS4wNDVsLjE1MS0uMDAxSDYuOTk0Wm0tLjA3MSAxLjI3M2MtLjI2IDAtMS4xOS4wMDYtMi4xNDcuMDRsLS4xMjguMDA1Yy0uODcyLjAzNC0xLjc0Mi4wOTMtMi4xMi4xOTYtLjQ5NC4xMy0uODc4LjUxLTEuMDE5Ljk5OS0uMjE4LjgwMy0uMjM1IDIuNDMtLjIzNiAyLjY3MXYuMDZjLjAwMS4yNC4wMTcgMS44OC4yMzYgMi42OTIuMTQuNDc4LjUyNS44NjUgMS4wMTkgMSAuMzQxLjA5IDEuMDgzLjE0NyAxLjg2Ni4xODFsLjEyNy4wMDYuMTI3LjAwNS4wNjQuMDAyLjEyOC4wMDVjLjkzNC4wMzIgMS44My4wMzcgMi4wODMuMDM3aC4xNDJjLjI3MiAwIDEuMjc3LS4wMDYgMi4yOC0uMDQ0bC4xMjgtLjAwNS4xMjgtLjAwNmMuNzg0LS4wMzQgMS41MjgtLjA5IDEuODcxLS4xODJhMS40MyAxLjQzIDAgMCAwIDEuMDEtLjk5OWMuMjI3LS44MTEuMjQ0LTIuNDUxLjI0NS0yLjY5MnYtLjA2Yy0uMDAxLS4yNDEtLjAxOC0xLjg2OC0uMjQ0LTIuNjcxYTEuNDA0IDEuNDA0IDAgMCAwLTEuMDEtMWMtLjgxNy0uMjItMy45LS4yMzktNC40MDgtLjI0aC0uMTQyWiIgZmlsbD0iI0YwMyIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZmlsbD0iI0YwMyIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJtOS40MDEgNy0zLjYyLTIuMDUydjQuMTA0eiIvPjwvZz48L2c+PC9zdmc+",
60
+ "value": 377878,
61
+ "currentTime": "2026/04/01 - 2026/04/02 (自定义)",
62
+ "alias": "UCv3rFzn-GHGtqzXiaq3sWNg_058904df-4bf9-433b-a5ad-028b1df0d784"
63
+ }]
64
+ }, {
65
+ "name": "Comments / Replies",
66
+ "alias": "post_comments",
67
+ "type": "bar",
68
+ "stack": "total",
69
+ "label": {
70
+ "show": false
71
+ },
72
+ "emphasis": {
73
+ "focus": "self"
74
+ },
75
+ "itemStyle": {
76
+ "borderColor": "rgba(0,0,0,0)",
77
+ "borderWidth": 1,
78
+ "borderType": "solid"
79
+ },
80
+ "barWidth": 16,
81
+ "barMinHeight": 2,
82
+ "color": "#5274E8",
83
+ "data": [{
84
+ "total": "",
85
+ "monitor_id": "",
86
+ "monitor_name": "",
87
+ "yDataName": "@abpanandatv",
88
+ "name": "@abpanandatv",
89
+ "platformIcon": "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdC8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+PHJlY3QvPjxwYXRoIGQ9Ik02Ljk5NCAxLjc1aC4yMDhhNzQuMjM1IDc0LjIzNSAwIDAgMSAyLjE3OS4wNDZjMS4xNTMuMDQ0IDEuOTUyLjExMSAyLjQxMi4yMzZhMi42NyAyLjY3IDAgMCAxIDEuOTE1IDEuODg2Yy4xMDMuMzY3LjE3MS44Mi4yMTggMS4zNjFhMjAuMTU2IDIwLjE1NiAwIDAgMSAwIDMuMzgzYy0uMDQ3LjU0My0uMTE1Ljk5OC0uMjE3IDEuMzY0YTIuNzA0IDIuNzA0IDAgMCAxLTEuOTEgMS44OWMtLjQ2OS4xMjQtMS4yNjguMTktMi40MTkuMjM0YTY2LjE3MyA2Ni4xNzMgMCAwIDEtMi4xNzguMDQ0bC0uMTUyLjAwMWgtLjI2M2E3NS4wOTggNzUuMDk4IDAgMCAxLTIuMTcyLS4wNDVjLTEuMTUtLjA0My0xLjk0Ny0uMTEtMi40MjItLjIzN2EyLjc0MyAyLjc0MyAwIDAgMS0xLjkwNS0xLjg2OGwtLjAwOC0uMDI3Yy0uMDk4LS4zNjYtLjE2My0uODE5LS4yMDktMS4zNkEyMS4wNjEgMjEuMDYxIDAgMCAxIC4wMSA2LjQzN2MuMDEtLjM5MS4wMy0uNzgzLjA2Mi0xLjE1NC4wNDYtLjUzOS4xMTEtLjk5LjIxLTEuMzU0bC4wMDUtLjAxN2EyLjcxIDIuNzEgMCAwIDEgMS45MDgtMS44NzZjLjQ3LS4xMjggMS4yNjgtLjE5NiAyLjQyLS4yNGE2NC44MDUgNjQuODA1IDAgMCAxIDIuMTczLS4wNDVsLjE1MS0uMDAxSDYuOTk0Wm0tLjA3MSAxLjI3M2MtLjI2IDAtMS4xOS4wMDYtMi4xNDcuMDRsLS4xMjguMDA1Yy0uODcyLjAzNC0xLjc0Mi4wOTMtMi4xMi4xOTYtLjQ5NC4xMy0uODc4LjUxLTEuMDE5Ljk5OS0uMjE4LjgwMy0uMjM1IDIuNDMtLjIzNiAyLjY3MXYuMDZjLjAwMS4yNC4wMTcgMS44OC4yMzYgMi42OTIuMTQuNDc4LjUyNS44NjUgMS4wMTkgMSAuMzQxLjA5IDEuMDgzLjE0NyAxLjg2Ni4xODFsLjEyNy4wMDYuMTI3LjAwNS4wNjQuMDAyLjEyOC4wMDVjLjkzNC4wMzIgMS44My4wMzcgMi4wODMuMDM3aC4xNDJjLjI3MiAwIDEuMjc3LS4wMDYgMi4yOC0uMDQ0bC4xMjgtLjAwNS4xMjgtLjAwNmMuNzg0LS4wMzQgMS41MjgtLjA5IDEuODcxLS4xODJhMS40MyAxLjQzIDAgMCAwIDEuMDEtLjk5OWMuMjI3LS44MTEuMjQ0LTIuNDUxLjI0NS0yLjY5MnYtLjA2Yy0uMDAxLS4yNDEtLjAxOC0xLjg2OC0uMjQ0LTIuNjcxYTEuNDA0IDEuNDA0IDAgMCAwLTEuMDEtMWMtLjgxNy0uMjItMy45LS4yMzktNC40MDgtLjI0aC0uMTQyWiIgZmlsbD0iI0YwMyIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZmlsbD0iI0YwMyIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJtOS40MDEgNy0zLjYyLTIuMDUydjQuMTA0eiIvPjwvZz48L2c+PC9zdmc+",
90
+ "value": 287092,
91
+ "currentTime": "2026/03/18 - 2026/04/14 (近28天)",
92
+ "alias": "UCv3rFzn-GHGtqzXiaq3sWNg_900b0ff7-3a2e-4431-a9f8-5811d9172cbd"
93
+ }, {
94
+ "total": "",
95
+ "monitor_id": "",
96
+ "monitor_name": "",
97
+ "yDataName": "@abpanandatv",
98
+ "name": "@abpanandatv",
99
+ "platformIcon": "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdC8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+PHJlY3QvPjxwYXRoIGQ9Ik02Ljk5NCAxLjc1aC4yMDhhNzQuMjM1IDc0LjIzNSAwIDAgMSAyLjE3OS4wNDZjMS4xNTMuMDQ0IDEuOTUyLjExMSAyLjQxMi4yMzZhMi42NyAyLjY3IDAgMCAxIDEuOTE1IDEuODg2Yy4xMDMuMzY3LjE3MS44Mi4yMTggMS4zNjFhMjAuMTU2IDIwLjE1NiAwIDAgMSAwIDMuMzgzYy0uMDQ3LjU0My0uMTE1Ljk5OC0uMjE3IDEuMzY0YTIuNzA0IDIuNzA0IDAgMCAxLTEuOTEgMS44OWMtLjQ2OS4xMjQtMS4yNjguMTktMi40MTkuMjM0YTY2LjE3MyA2Ni4xNzMgMCAwIDEtMi4xNzguMDQ0bC0uMTUyLjAwMWgtLjI2M2E3NS4wOTggNzUuMDk4IDAgMCAxLTIuMTcyLS4wNDVjLTEuMTUtLjA0My0xLjk0Ny0uMTEtMi40MjItLjIzN2EyLjc0MyAyLjc0MyAwIDAgMS0xLjkwNS0xLjg2OGwtLjAwOC0uMDI3Yy0uMDk4LS4zNjYtLjE2My0uODE5LS4yMDktMS4zNkEyMS4wNjEgMjEuMDYxIDAgMCAxIC4wMSA2LjQzN2MuMDEtLjM5MS4wMy0uNzgzLjA2Mi0xLjE1NC4wNDYtLjUzOS4xMTEtLjk5LjIxLTEuMzU0bC4wMDUtLjAxN2EyLjcxIDIuNzEgMCAwIDEgMS45MDgtMS44NzZjLjQ3LS4xMjggMS4yNjgtLjE5NiAyLjQyLS4yNGE2NC44MDUgNjQuODA1IDAgMCAxIDIuMTczLS4wNDVsLjE1MS0uMDAxSDYuOTk0Wm0tLjA3MSAxLjI3M2MtLjI2IDAtMS4xOS4wMDYtMi4xNDcuMDRsLS4xMjguMDA1Yy0uODcyLjAzNC0xLjc0Mi4wOTMtMi4xMi4xOTYtLjQ5NC4xMy0uODc4LjUxLTEuMDE5Ljk5OS0uMjE4LjgwMy0uMjM1IDIuNDMtLjIzNiAyLjY3MXYuMDZjLjAwMS4yNC4wMTcgMS44OC4yMzYgMi42OTIuMTQuNDc4LjUyNS44NjUgMS4wMTkgMSAuMzQxLjA5IDEuMDgzLjE0NyAxLjg2Ni4xODFsLjEyNy4wMDYuMTI3LjAwNS4wNjQuMDAyLjEyOC4wMDVjLjkzNC4wMzIgMS44My4wMzcgMi4wODMuMDM3aC4xNDJjLjI3MiAwIDEuMjc3LS4wMDYgMi4yOC0uMDQ0bC4xMjgtLjAwNS4xMjgtLjAwNmMuNzg0LS4wMzQgMS41MjgtLjA5IDEuODcxLS4xODJhMS40MyAxLjQzIDAgMCAwIDEuMDEtLjk5OWMuMjI3LS44MTEuMjQ0LTIuNDUxLjI0NS0yLjY5MnYtLjA2Yy0uMDAxLS4yNDEtLjAxOC0xLjg2OC0uMjQ0LTIuNjcxYTEuNDA0IDEuNDA0IDAgMCAwLTEuMDEtMWMtLjgxNy0uMjItMy45LS4yMzktNC40MDgtLjI0aC0uMTQyWiIgZmlsbD0iI0YwMyIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZmlsbD0iI0YwMyIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJtOS40MDEgNy0zLjYyLTIuMDUydjQuMTA0eiIvPjwvZz48L2c+PC9zdmc+",
100
+ "value": 290983,
101
+ "currentTime": "2025/04/01 - 2025/04/30 (自定义)",
102
+ "alias": "UCv3rFzn-GHGtqzXiaq3sWNg_e912eb3a-7336-4c72-8c6c-6dca1ceb0fa7"
103
+ }, {
104
+ "total": "",
105
+ "monitor_id": "",
106
+ "monitor_name": "",
107
+ "yDataName": "@abpanandatv",
108
+ "name": "@abpanandatv",
109
+ "platformIcon": "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdC8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+PHJlY3QvPjxwYXRoIGQ9Ik02Ljk5NCAxLjc1aC4yMDhhNzQuMjM1IDc0LjIzNSAwIDAgMSAyLjE3OS4wNDZjMS4xNTMuMDQ0IDEuOTUyLjExMSAyLjQxMi4yMzZhMi42NyAyLjY3IDAgMCAxIDEuOTE1IDEuODg2Yy4xMDMuMzY3LjE3MS44Mi4yMTggMS4zNjFhMjAuMTU2IDIwLjE1NiAwIDAgMSAwIDMuMzgzYy0uMDQ3LjU0My0uMTE1Ljk5OC0uMjE3IDEuMzY0YTIuNzA0IDIuNzA0IDAgMCAxLTEuOTEgMS44OWMtLjQ2OS4xMjQtMS4yNjguMTktMi40MTkuMjM0YTY2LjE3MyA2Ni4xNzMgMCAwIDEtMi4xNzguMDQ0bC0uMTUyLjAwMWgtLjI2M2E3NS4wOTggNzUuMDk4IDAgMCAxLTIuMTcyLS4wNDVjLTEuMTUtLjA0My0xLjk0Ny0uMTEtMi40MjItLjIzN2EyLjc0MyAyLjc0MyAwIDAgMS0xLjkwNS0xLjg2OGwtLjAwOC0uMDI3Yy0uMDk4LS4zNjYtLjE2My0uODE5LS4yMDktMS4zNkEyMS4wNjEgMjEuMDYxIDAgMCAxIC4wMSA2LjQzN2MuMDEtLjM5MS4wMy0uNzgzLjA2Mi0xLjE1NC4wNDYtLjUzOS4xMTEtLjk5LjIxLTEuMzU0bC4wMDUtLjAxN2EyLjcxIDIuNzEgMCAwIDEgMS45MDgtMS44NzZjLjQ3LS4xMjggMS4yNjgtLjE5NiAyLjQyLS4yNGE2NC44MDUgNjQuODA1IDAgMCAxIDIuMTczLS4wNDVsLjE1MS0uMDAxSDYuOTk0Wm0tLjA3MSAxLjI3M2MtLjI2IDAtMS4xOS4wMDYtMi4xNDcuMDRsLS4xMjguMDA1Yy0uODcyLjAzNC0xLjc0Mi4wOTMtMi4xMi4xOTYtLjQ5NC4xMy0uODc4LjUxLTEuMDE5Ljk5OS0uMjE4LjgwMy0uMjM1IDIuNDMtLjIzNiAyLjY3MXYuMDZjLjAwMS4yNC4wMTcgMS44OC4yMzYgMi42OTIuMTQuNDc4LjUyNS44NjUgMS4wMTkgMSAuMzQxLjA5IDEuMDgzLjE0NyAxLjg2Ni4xODFsLjEyNy4wMDYuMTI3LjAwNS4wNjQuMDAyLjEyOC4wMDVjLjkzNC4wMzIgMS44My4wMzcgMi4wODMuMDM3aC4xNDJjLjI3MiAwIDEuMjc3LS4wMDYgMi4yOC0uMDQ0bC4xMjgtLjAwNS4xMjgtLjAwNmMuNzg0LS4wMzQgMS41MjgtLjA5IDEuODcxLS4xODJhMS40MyAxLjQzIDAgMCAwIDEuMDEtLjk5OWMuMjI3LS44MTEuMjQ0LTIuNDUxLjI0NS0yLjY5MnYtLjA2Yy0uMDAxLS4yNDEtLjAxOC0xLjg2OC0uMjQ0LTIuNjcxYTEuNDA0IDEuNDA0IDAgMCAwLTEuMDEtMWMtLjgxNy0uMjItMy45LS4yMzktNC40MDgtLjI0aC0uMTQyWiIgZmlsbD0iI0YwMyIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZmlsbD0iI0YwMyIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJtOS40MDEgNy0zLjYyLTIuMDUydjQuMTA0eiIvPjwvZz48L2c+PC9zdmc+",
110
+ "value": 23244,
111
+ "currentTime": "2026/04/01 - 2026/04/02 (自定义)",
112
+ "alias": "UCv3rFzn-GHGtqzXiaq3sWNg_058904df-4bf9-433b-a5ad-028b1df0d784"
113
+ }]
114
+ }, {
115
+ "name": "Shares / Reposts",
116
+ "alias": "post_shares",
117
+ "type": "bar",
118
+ "stack": "total",
119
+ "label": {
120
+ "show": false
121
+ },
122
+ "emphasis": {
123
+ "focus": "self"
124
+ },
125
+ "itemStyle": {
126
+ "borderColor": "rgba(0,0,0,0)",
127
+ "borderWidth": 1,
128
+ "borderType": "solid"
129
+ },
130
+ "barWidth": 16,
131
+ "barMinHeight": 2,
132
+ "color": "#F8AF1D",
133
+ "data": [{
134
+ "total": "",
135
+ "monitor_id": "",
136
+ "monitor_name": "",
137
+ "yDataName": "@abpanandatv",
138
+ "name": "@abpanandatv",
139
+ "platformIcon": "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdC8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+PHJlY3QvPjxwYXRoIGQ9Ik02Ljk5NCAxLjc1aC4yMDhhNzQuMjM1IDc0LjIzNSAwIDAgMSAyLjE3OS4wNDZjMS4xNTMuMDQ0IDEuOTUyLjExMSAyLjQxMi4yMzZhMi42NyAyLjY3IDAgMCAxIDEuOTE1IDEuODg2Yy4xMDMuMzY3LjE3MS44Mi4yMTggMS4zNjFhMjAuMTU2IDIwLjE1NiAwIDAgMSAwIDMuMzgzYy0uMDQ3LjU0My0uMTE1Ljk5OC0uMjE3IDEuMzY0YTIuNzA0IDIuNzA0IDAgMCAxLTEuOTEgMS44OWMtLjQ2OS4xMjQtMS4yNjguMTktMi40MTkuMjM0YTY2LjE3MyA2Ni4xNzMgMCAwIDEtMi4xNzguMDQ0bC0uMTUyLjAwMWgtLjI2M2E3NS4wOTggNzUuMDk4IDAgMCAxLTIuMTcyLS4wNDVjLTEuMTUtLjA0My0xLjk0Ny0uMTEtMi40MjItLjIzN2EyLjc0MyAyLjc0MyAwIDAgMS0xLjkwNS0xLjg2OGwtLjAwOC0uMDI3Yy0uMDk4LS4zNjYtLjE2My0uODE5LS4yMDktMS4zNkEyMS4wNjEgMjEuMDYxIDAgMCAxIC4wMSA2LjQzN2MuMDEtLjM5MS4wMy0uNzgzLjA2Mi0xLjE1NC4wNDYtLjUzOS4xMTEtLjk5LjIxLTEuMzU0bC4wMDUtLjAxN2EyLjcxIDIuNzEgMCAwIDEgMS45MDgtMS44NzZjLjQ3LS4xMjggMS4yNjgtLjE5NiAyLjQyLS4yNGE2NC44MDUgNjQuODA1IDAgMCAxIDIuMTczLS4wNDVsLjE1MS0uMDAxSDYuOTk0Wm0tLjA3MSAxLjI3M2MtLjI2IDAtMS4xOS4wMDYtMi4xNDcuMDRsLS4xMjguMDA1Yy0uODcyLjAzNC0xLjc0Mi4wOTMtMi4xMi4xOTYtLjQ5NC4xMy0uODc4LjUxLTEuMDE5Ljk5OS0uMjE4LjgwMy0uMjM1IDIuNDMtLjIzNiAyLjY3MXYuMDZjLjAwMS4yNC4wMTcgMS44OC4yMzYgMi42OTIuMTQuNDc4LjUyNS44NjUgMS4wMTkgMSAuMzQxLjA5IDEuMDgzLjE0NyAxLjg2Ni4xODFsLjEyNy4wMDYuMTI3LjAwNS4wNjQuMDAyLjEyOC4wMDVjLjkzNC4wMzIgMS44My4wMzcgMi4wODMuMDM3aC4xNDJjLjI3MiAwIDEuMjc3LS4wMDYgMi4yOC0uMDQ0bC4xMjgtLjAwNS4xMjgtLjAwNmMuNzg0LS4wMzQgMS41MjgtLjA5IDEuODcxLS4xODJhMS40MyAxLjQzIDAgMCAwIDEuMDEtLjk5OWMuMjI3LS44MTEuMjQ0LTIuNDUxLjI0NS0yLjY5MnYtLjA2Yy0uMDAxLS4yNDEtLjAxOC0xLjg2OC0uMjQ0LTIuNjcxYTEuNDA0IDEuNDA0IDAgMCAwLTEuMDEtMWMtLjgxNy0uMjItMy45LS4yMzktNC40MDgtLjI0aC0uMTQyWiIgZmlsbD0iI0YwMyIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZmlsbD0iI0YwMyIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJtOS40MDEgNy0zLjYyLTIuMDUydjQuMTA0eiIvPjwvZz48L2c+PC9zdmc+",
140
+ "value": 0,
141
+ "currentTime": "2026/03/18 - 2026/04/14 (近28天)",
142
+ "alias": "UCv3rFzn-GHGtqzXiaq3sWNg_900b0ff7-3a2e-4431-a9f8-5811d9172cbd"
143
+ }, {
144
+ "total": "",
145
+ "monitor_id": "",
146
+ "monitor_name": "",
147
+ "yDataName": "@abpanandatv",
148
+ "name": "@abpanandatv",
149
+ "platformIcon": "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdC8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+PHJlY3QvPjxwYXRoIGQ9Ik02Ljk5NCAxLjc1aC4yMDhhNzQuMjM1IDc0LjIzNSAwIDAgMSAyLjE3OS4wNDZjMS4xNTMuMDQ0IDEuOTUyLjExMSAyLjQxMi4yMzZhMi42NyAyLjY3IDAgMCAxIDEuOTE1IDEuODg2Yy4xMDMuMzY3LjE3MS44Mi4yMTggMS4zNjFhMjAuMTU2IDIwLjE1NiAwIDAgMSAwIDMuMzgzYy0uMDQ3LjU0My0uMTE1Ljk5OC0uMjE3IDEuMzY0YTIuNzA0IDIuNzA0IDAgMCAxLTEuOTEgMS44OWMtLjQ2OS4xMjQtMS4yNjguMTktMi40MTkuMjM0YTY2LjE3MyA2Ni4xNzMgMCAwIDEtMi4xNzguMDQ0bC0uMTUyLjAwMWgtLjI2M2E3NS4wOTggNzUuMDk4IDAgMCAxLTIuMTcyLS4wNDVjLTEuMTUtLjA0My0xLjk0Ny0uMTEtMi40MjItLjIzN2EyLjc0MyAyLjc0MyAwIDAgMS0xLjkwNS0xLjg2OGwtLjAwOC0uMDI3Yy0uMDk4LS4zNjYtLjE2My0uODE5LS4yMDktMS4zNkEyMS4wNjEgMjEuMDYxIDAgMCAxIC4wMSA2LjQzN2MuMDEtLjM5MS4wMy0uNzgzLjA2Mi0xLjE1NC4wNDYtLjUzOS4xMTEtLjk5LjIxLTEuMzU0bC4wMDUtLjAxN2EyLjcxIDIuNzEgMCAwIDEgMS45MDgtMS44NzZjLjQ3LS4xMjggMS4yNjgtLjE5NiAyLjQyLS4yNGE2NC44MDUgNjQuODA1IDAgMCAxIDIuMTczLS4wNDVsLjE1MS0uMDAxSDYuOTk0Wm0tLjA3MSAxLjI3M2MtLjI2IDAtMS4xOS4wMDYtMi4xNDcuMDRsLS4xMjguMDA1Yy0uODcyLjAzNC0xLjc0Mi4wOTMtMi4xMi4xOTYtLjQ5NC4xMy0uODc4LjUxLTEuMDE5Ljk5OS0uMjE4LjgwMy0uMjM1IDIuNDMtLjIzNiAyLjY3MXYuMDZjLjAwMS4yNC4wMTcgMS44OC4yMzYgMi42OTIuMTQuNDc4LjUyNS44NjUgMS4wMTkgMSAuMzQxLjA5IDEuMDgzLjE0NyAxLjg2Ni4xODFsLjEyNy4wMDYuMTI3LjAwNS4wNjQuMDAyLjEyOC4wMDVjLjkzNC4wMzIgMS44My4wMzcgMi4wODMuMDM3aC4xNDJjLjI3MiAwIDEuMjc3LS4wMDYgMi4yOC0uMDQ0bC4xMjgtLjAwNS4xMjgtLjAwNmMuNzg0LS4wMzQgMS41MjgtLjA5IDEuODcxLS4xODJhMS40MyAxLjQzIDAgMCAwIDEuMDEtLjk5OWMuMjI3LS44MTEuMjQ0LTIuNDUxLjI0NS0yLjY5MnYtLjA2Yy0uMDAxLS4yNDEtLjAxOC0xLjg2OC0uMjQ0LTIuNjcxYTEuNDA0IDEuNDA0IDAgMCAwLTEuMDEtMWMtLjgxNy0uMjItMy45LS4yMzktNC40MDgtLjI0aC0uMTQyWiIgZmlsbD0iI0YwMyIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZmlsbD0iI0YwMyIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJtOS40MDEgNy0zLjYyLTIuMDUydjQuMTA0eiIvPjwvZz48L2c+PC9zdmc+",
150
+ "value": 0,
151
+ "currentTime": "2025/04/01 - 2025/04/30 (自定义)",
152
+ "alias": "UCv3rFzn-GHGtqzXiaq3sWNg_e912eb3a-7336-4c72-8c6c-6dca1ceb0fa7"
153
+ }, {
154
+ "total": "",
155
+ "monitor_id": "",
156
+ "monitor_name": "",
157
+ "yDataName": "@abpanandatv",
158
+ "name": "@abpanandatv",
159
+ "platformIcon": "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdC8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+PHJlY3QvPjxwYXRoIGQ9Ik02Ljk5NCAxLjc1aC4yMDhhNzQuMjM1IDc0LjIzNSAwIDAgMSAyLjE3OS4wNDZjMS4xNTMuMDQ0IDEuOTUyLjExMSAyLjQxMi4yMzZhMi42NyAyLjY3IDAgMCAxIDEuOTE1IDEuODg2Yy4xMDMuMzY3LjE3MS44Mi4yMTggMS4zNjFhMjAuMTU2IDIwLjE1NiAwIDAgMSAwIDMuMzgzYy0uMDQ3LjU0My0uMTE1Ljk5OC0uMjE3IDEuMzY0YTIuNzA0IDIuNzA0IDAgMCAxLTEuOTEgMS44OWMtLjQ2OS4xMjQtMS4yNjguMTktMi40MTkuMjM0YTY2LjE3MyA2Ni4xNzMgMCAwIDEtMi4xNzguMDQ0bC0uMTUyLjAwMWgtLjI2M2E3NS4wOTggNzUuMDk4IDAgMCAxLTIuMTcyLS4wNDVjLTEuMTUtLjA0My0xLjk0Ny0uMTEtMi40MjItLjIzN2EyLjc0MyAyLjc0MyAwIDAgMS0xLjkwNS0xLjg2OGwtLjAwOC0uMDI3Yy0uMDk4LS4zNjYtLjE2My0uODE5LS4yMDktMS4zNkEyMS4wNjEgMjEuMDYxIDAgMCAxIC4wMSA2LjQzN2MuMDEtLjM5MS4wMy0uNzgzLjA2Mi0xLjE1NC4wNDYtLjUzOS4xMTEtLjk5LjIxLTEuMzU0bC4wMDUtLjAxN2EyLjcxIDIuNzEgMCAwIDEgMS45MDgtMS44NzZjLjQ3LS4xMjggMS4yNjgtLjE5NiAyLjQyLS4yNGE2NC44MDUgNjQuODA1IDAgMCAxIDIuMTczLS4wNDVsLjE1MS0uMDAxSDYuOTk0Wm0tLjA3MSAxLjI3M2MtLjI2IDAtMS4xOS4wMDYtMi4xNDcuMDRsLS4xMjguMDA1Yy0uODcyLjAzNC0xLjc0Mi4wOTMtMi4xMi4xOTYtLjQ5NC4xMy0uODc4LjUxLTEuMDE5Ljk5OS0uMjE4LjgwMy0uMjM1IDIuNDMtLjIzNiAyLjY3MXYuMDZjLjAwMS4yNC4wMTcgMS44OC4yMzYgMi42OTIuMTQuNDc4LjUyNS44NjUgMS4wMTkgMSAuMzQxLjA5IDEuMDgzLjE0NyAxLjg2Ni4xODFsLjEyNy4wMDYuMTI3LjAwNS4wNjQuMDAyLjEyOC4wMDVjLjkzNC4wMzIgMS44My4wMzcgMi4wODMuMDM3aC4xNDJjLjI3MiAwIDEuMjc3LS4wMDYgMi4yOC0uMDQ0bC4xMjgtLjAwNS4xMjgtLjAwNmMuNzg0LS4wMzQgMS41MjgtLjA5IDEuODcxLS4xODJhMS40MyAxLjQzIDAgMCAwIDEuMDEtLjk5OWMuMjI3LS44MTEuMjQ0LTIuNDUxLjI0NS0yLjY5MnYtLjA2Yy0uMDAxLS4yNDEtLjAxOC0xLjg2OC0uMjQ0LTIuNjcxYTEuNDA0IDEuNDA0IDAgMCAwLTEuMDEtMWMtLjgxNy0uMjItMy45LS4yMzktNC40MDgtLjI0aC0uMTQyWiIgZmlsbD0iI0YwMyIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZmlsbD0iI0YwMyIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJtOS40MDEgNy0zLjYyLTIuMDUydjQuMTA0eiIvPjwvZz48L2c+PC9zdmc+",
160
+ "value": 0,
161
+ "currentTime": "2026/04/01 - 2026/04/02 (自定义)",
162
+ "alias": "UCv3rFzn-GHGtqzXiaq3sWNg_058904df-4bf9-433b-a5ad-028b1df0d784"
163
+ }]
164
+ }],
165
+ handleClick: handleClick,
166
+ legendNum: 4,
167
+ legendValue: false,
168
+ isLabelShow: false,
169
+ isXAxisShow: true,
170
+ legendDropdownRight: -87,
171
+ xAxisMaxMultiplier: 0.8
172
+ }));
173
+ }
174
+ export default App;
@@ -0,0 +1,142 @@
1
+ import { StackedBar } from "../../..";
2
+ var handleClick = function handleClick(type, params) {
3
+ console.log('type', type);
4
+ console.log('params', params);
5
+ };
6
+ function App() {
7
+ return /*#__PURE__*/React.createElement("div", {
8
+ style: {
9
+ width: '460px',
10
+ height: '320px'
11
+ }
12
+ }, /*#__PURE__*/React.createElement(StackedBar, {
13
+ yAxisData: ["18-24", "25-34", "35-44", "45-54", "55-64", "65+"],
14
+ series: [{
15
+ "name": "男性",
16
+ "type": "bar",
17
+ "stack": "total",
18
+ "label": {
19
+ "show": false
20
+ },
21
+ "emphasis": {
22
+ "focus": "self"
23
+ },
24
+ "alias": "male",
25
+ "itemStyle": {
26
+ "borderColor": "rgba(0,0,0,0)",
27
+ "borderWidth": 1,
28
+ "borderType": "solid"
29
+ },
30
+ "barWidth": 16,
31
+ "barMinHeight": 2,
32
+ "data": [{
33
+ "total": 9.8,
34
+ "monitor_name": "18-24",
35
+ "yDataName": "18-24",
36
+ "name": "18-24",
37
+ "alias": "male",
38
+ "value": 9.8
39
+ }, {
40
+ "total": 32.4,
41
+ "monitor_name": "25-34",
42
+ "yDataName": "25-34",
43
+ "name": "25-34",
44
+ "alias": "male",
45
+ "value": 32.4
46
+ }, {
47
+ "total": 17.5,
48
+ "monitor_name": "35-44",
49
+ "yDataName": "35-44",
50
+ "name": "35-44",
51
+ "alias": "male",
52
+ "value": 17.5
53
+ }, {
54
+ "total": 5.5,
55
+ "monitor_name": "45-54",
56
+ "yDataName": "45-54",
57
+ "name": "45-54",
58
+ "alias": "male",
59
+ "value": 5.5
60
+ }, {
61
+ "total": 2.4,
62
+ "monitor_name": "55-64",
63
+ "yDataName": "55-64",
64
+ "name": "55-64",
65
+ "alias": "male",
66
+ "value": 2.4
67
+ }, {
68
+ "total": 2.3,
69
+ "monitor_name": "65+",
70
+ "yDataName": "65+",
71
+ "name": "65+",
72
+ "alias": "male",
73
+ "value": 2.3
74
+ }]
75
+ }, {
76
+ "name": "女性",
77
+ "type": "bar",
78
+ "stack": "total",
79
+ "label": {
80
+ "show": false
81
+ },
82
+ "emphasis": {
83
+ "focus": "self"
84
+ },
85
+ "alias": "female",
86
+ "itemStyle": {
87
+ "borderColor": "rgba(0,0,0,0)",
88
+ "borderWidth": 1,
89
+ "borderType": "solid"
90
+ },
91
+ "barWidth": 16,
92
+ "barMinHeight": 2,
93
+ "data": [{
94
+ "total": 3.9,
95
+ "monitor_name": "18-24",
96
+ "yDataName": "18-24",
97
+ "name": "18-24",
98
+ "alias": "female",
99
+ "value": 3.9
100
+ }, {
101
+ "total": 14.6,
102
+ "monitor_name": "25-34",
103
+ "yDataName": "25-34",
104
+ "name": "25-34",
105
+ "alias": "female",
106
+ "value": 14.6
107
+ }, {
108
+ "total": 7.2,
109
+ "monitor_name": "35-44",
110
+ "yDataName": "35-44",
111
+ "name": "35-44",
112
+ "alias": "female",
113
+ "value": 7.2
114
+ }, {
115
+ "total": 2.1,
116
+ "monitor_name": "45-54",
117
+ "yDataName": "45-54",
118
+ "name": "45-54",
119
+ "alias": "female",
120
+ "value": 2.1
121
+ }, {
122
+ "total": 1.3,
123
+ "monitor_name": "55-64",
124
+ "yDataName": "55-64",
125
+ "name": "55-64",
126
+ "alias": "female",
127
+ "value": 1.3
128
+ }, {
129
+ "total": 1.1,
130
+ "monitor_name": "65+",
131
+ "yDataName": "65+",
132
+ "name": "65+",
133
+ "alias": "female",
134
+ "value": 1.1
135
+ }]
136
+ }],
137
+ handleClick: handleClick,
138
+ isRateShow: false,
139
+ special: true
140
+ }));
141
+ }
142
+ export default App;
@@ -484,18 +484,11 @@ function StackedBar(props) {
484
484
  fontSize: 14,
485
485
  fontWeight: 400,
486
486
  formatter: function formatter(params) {
487
- // const rowIdx = params.dataIndex;
488
- // const shouldShow = lastNonZeroSeriesIdxPerRow[rowIdx] === idx;
489
- // if (!shouldShow) {
490
- // return '';
491
- // }
492
- // const total = totalArr[rowIdx] || 0;
493
- // return numberFormatNull(total);
494
487
  var rowIdx = params.dataIndex;
495
488
  var shouldShow = visibleLastIdxRef.current[rowIdx] === idx;
496
489
  if (!shouldShow) return '';
497
490
  var total = visibleTotalArrRef.current[rowIdx] || 0;
498
- return numberFormatNull(total);
491
+ return "".concat(numberFormatNull(total)).concat(special ? '%' : '');
499
492
  }
500
493
  }
501
494
  });
@@ -626,8 +619,8 @@ function StackedBar(props) {
626
619
  var currentTime = ((_series$2 = series[0]) === null || _series$2 === void 0 || (_series$2 = _series$2.data) === null || _series$2 === void 0 || (_series$2 = _series$2[dataIndex]) === null || _series$2 === void 0 ? void 0 : _series$2.currentTime) || null;
627
620
  // 获取 platformIcon(从第一个 series 的 data 中获取,因为同一行的所有 series 应该有相同的 platformIcon)
628
621
  var platformIcon = ((_series$3 = series[0]) === null || _series$3 === void 0 || (_series$3 = _series$3.data) === null || _series$3 === void 0 || (_series$3 = _series$3[dataIndex]) === null || _series$3 === void 0 ? void 0 : _series$3.platformIcon) || null;
629
- return "<div style=\"width:278px;position: relative;\">\n <div class='tooltip-head' style=\"display: flex;align-items: center;\">\n ".concat(platformIcon ? "<span class=\"icon\" style=\"width: 16px !important;height: 16px !important;line-height: 1 !important;margin-right: 4px !important;margin-top: -2px !important;\">\n <img src=\"".concat(platformIcon, "\" alt=\"\">\n </span>") : '', "\n <span>").concat(res[0].name, "</span>\n </div>\n ").concat(currentTime ? "<div class=\"tooltip-time\">".concat(currentTime, "</div>") : '', "\n <div class='tooltip-body'>\n ").concat(isTotalShow ? "<div class='total'>\n <div class='l'>\n ".concat(tooltipTotalName, "\n </div>\n <div class='r'>").concat(changeDataTypeEn(total), "</div>\n </div>") : '', "\n ").concat(dataArr.map(function (item) {
630
- return "<div class='item' data-series-item='".concat(JSON.stringify(item), "' key='").concat(item.seriesName, "'>\n <div class='l'>\n <span style=\"display:inline-block;width: 14px;vertical-align: middle;height: 14px;background-color:").concat(item.color, ";border-radius: 4px;margin-bottom: 2px;margin-right:6px\"></span>\n <span>").concat(item.seriesName, "\n </span>\n </div>\n <div class='r' style=\"padding-left:6px;\">\n ").concat(dataArr.length > 0 && isRateShow ? "<span class='rate'>".concat(computeFloatNull(item.proportion), "</span>") : '', "\n <span class='num'>\n ").concat(changeDataTypeEn(item.value), "\n </span>\n </div>\n </div>");
622
+ return "<div style=\"width:278px;position: relative;\">\n <div class='tooltip-head' style=\"display: flex;align-items: center;\">\n ".concat(platformIcon ? "<span class=\"icon\" style=\"width: 16px !important;height: 16px !important;line-height: 1 !important;margin-right: 4px !important;margin-top: -2px !important;\">\n <img src=\"".concat(platformIcon, "\" alt=\"\">\n </span>") : '', "\n <span>").concat(res[0].name, "</span>\n </div>\n ").concat(currentTime ? "<div class=\"tooltip-time\">".concat(currentTime, "</div>") : '', "\n <div class='tooltip-body'>\n ").concat(isTotalShow ? "<div class='total'>\n <div class='l'>\n ".concat(tooltipTotalName, "\n </div>\n <div class='r'>").concat(changeDataTypeEn(total)).concat(special ? '%' : '', "</div>\n </div>") : '', "\n ").concat(dataArr.map(function (item) {
623
+ return "<div class='item' data-series-item='".concat(JSON.stringify(item), "' key='").concat(item.seriesName, "'>\n <div class='l'>\n <span style=\"display:inline-block;width: 14px;vertical-align: middle;height: 14px;background-color:").concat(item.color, ";border-radius: 4px;margin-bottom: 2px;margin-right:6px\"></span>\n <span>").concat(item.seriesName, "\n </span>\n </div>\n <div class='r' style=\"padding-left:6px;\">\n ").concat(dataArr.length > 0 && isRateShow ? "<span class='rate'>".concat(computeFloatNull(item.proportion), "</span>") : '', "\n <span class='num'>\n ").concat(changeDataTypeEn(item.value)).concat(special ? '%' : '', "\n </span>\n </div>\n </div>");
631
624
  }).join(''), "\n </div>\n <div class='triangle-down' style='width:").concat(triangleWidth, "px'></div>\n </div>");
632
625
  }
633
626
  },
@@ -643,7 +636,7 @@ function StackedBar(props) {
643
636
  formatter: function formatter(name) {
644
637
  var rawTotal = seriesTotalMap[name] || 0;
645
638
  var value = legendValue ? numberFormatMust(rawTotal) : 0;
646
- return legendValue ? "{labelName|".concat(name, "}\n{labelMark|").concat(value, "}") : "{labelName|".concat(name, "}");
639
+ return legendValue ? "{labelName|".concat(name, "}\n{labelMark|").concat(value).concat(special ? '%' : '', "}") : "{labelName|".concat(name, "}");
647
640
  },
648
641
  textStyle: {
649
642
  fontWeight: 500,
@@ -15,7 +15,7 @@ import * as echarts from 'echarts';
15
15
  import moment from 'moment';
16
16
  import 'moment/locale/zh-cn';
17
17
  import React, { useCallback, useEffect, useRef } from 'react';
18
- import { canvasEllipsisMiddle, changeDataTypeEn, computePos, dealBarPath, isZH, numberFormatNull } from "../../utils/chartUtils";
18
+ import { canvasEllipsisMiddle, changeDataTypeEn, computePos, isZH, numberFormatNull } from "../../utils/chartUtils";
19
19
  import "./style.scss";
20
20
  var COLORS = ['#358FFF',
21
21
  // facebook
@@ -920,10 +920,6 @@ function VerticalStackedBar(props) {
920
920
  });
921
921
  currentIndex = event.dataIndex;
922
922
  });
923
- myChart.off('finished');
924
- myChart.on('finished', function () {
925
- dealBarPath(myDom, true);
926
- });
927
923
  myChart.setOption(option, true);
928
924
 
929
925
  // 如果显示总计项,确保总计项始终显示(不能被隐藏)