onesight-charts 0.0.1

package/lib/components/tooltip/demo/line-chart.js

@@ -0,0 +1,1020 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/tooltip/demo/line-chart.jsx
+var line_chart_exports = {};
+__export(line_chart_exports, {
+  default: () => line_chart_default
+});
+module.exports = __toCommonJS(line_chart_exports);
+var import_react = __toESM(require("react"));
+var import__ = __toESM(require("../index.jsx"));
+var data = [
+  {
+    type: "line",
+    symbol: "emptyCircle",
+    symbolSize: 8,
+    showSymbol: false,
+    connectNulls: true,
+    lineStyle: {
+      width: 3
+    },
+    smooth: true,
+    triggerLineEvent: false,
+    emphasis: {
+      focus: "series",
+      itemStyle: {
+        borderColor: "#358FFF",
+        borderWidth: 2,
+        color: "#fff"
+      }
+    },
+    z: 2,
+    name: "detail_facebook",
+    data: [
+      {
+        value: 14,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 11,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 21,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 24,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 17,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 12,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 3,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      }
+    ],
+    proportion: [0.0791, 0.0618, 0.0671, 0.0879, 0.0637, 0.04, 0.0682],
+    color: "#358FFF",
+    content: {
+      cur_total: 102,
+      pre_total: 131,
+      cycle_rate: -0.22137404580152673,
+      proportion: 0.0657
+    }
+  },
+  {
+    type: "line",
+    symbol: "emptyCircle",
+    symbolSize: 8,
+    showSymbol: false,
+    connectNulls: true,
+    lineStyle: {
+      width: 3
+    },
+    smooth: true,
+    triggerLineEvent: false,
+    emphasis: {
+      focus: "series",
+      itemStyle: {
+        borderColor: "#60BCF5",
+        borderWidth: 2,
+        color: "#fff"
+      }
+    },
+    z: 2,
+    name: "detail_twitter",
+    data: [
+      {
+        value: 34,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 48,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 36,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 58,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 53,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 62,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 31,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      }
+    ],
+    proportion: [0.1921, 0.2697, 0.115, 0.2125, 0.1985, 0.2067, 0.7045],
+    color: "#60BCF5",
+    content: {
+      cur_total: 322,
+      pre_total: 457,
+      cycle_rate: -0.29540481400437635,
+      proportion: 0.2075
+    }
+  },
+  {
+    type: "line",
+    symbol: "emptyCircle",
+    symbolSize: 8,
+    showSymbol: false,
+    connectNulls: true,
+    lineStyle: {
+      width: 3
+    },
+    smooth: true,
+    triggerLineEvent: false,
+    emphasis: {
+      focus: "series",
+      itemStyle: {
+        borderColor: "#EC798E",
+        borderWidth: 2,
+        color: "#fff"
+      }
+    },
+    z: 2,
+    name: "detail_instagram",
+    data: [
+      {
+        value: 80,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 56,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 136,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 109,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 91,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 80,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 4,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      }
+    ],
+    proportion: [0.452, 0.3146, 0.4345, 0.3993, 0.3408, 0.2667, 0.0909],
+    color: "#EC798E",
+    content: {
+      cur_total: 556,
+      pre_total: 659,
+      cycle_rate: -0.15629742033383914,
+      proportion: 0.3582
+    }
+  },
+  {
+    type: "line",
+    symbol: "emptyCircle",
+    symbolSize: 8,
+    showSymbol: false,
+    connectNulls: true,
+    lineStyle: {
+      width: 3
+    },
+    smooth: true,
+    triggerLineEvent: false,
+    emphasis: {
+      focus: "series",
+      itemStyle: {
+        borderColor: "#4D7797",
+        borderWidth: 2,
+        color: "#fff"
+      }
+    },
+    z: 2,
+    name: "detail_linkedin",
+    data: [
+      {
+        value: 10,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 4,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 13,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 18,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 14,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 15,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 0,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      }
+    ],
+    proportion: [0.0565, 0.0225, 0.0415, 0.0659, 0.0524, 0.05, 0],
+    color: "#4D7797",
+    content: {
+      cur_total: 74,
+      pre_total: 101,
+      cycle_rate: -0.26732673267326734,
+      proportion: 0.0477
+    }
+  },
+  {
+    type: "line",
+    symbol: "emptyCircle",
+    symbolSize: 8,
+    showSymbol: false,
+    connectNulls: true,
+    lineStyle: {
+      width: 3
+    },
+    smooth: true,
+    triggerLineEvent: false,
+    emphasis: {
+      focus: "series",
+      itemStyle: {
+        borderColor: "#FF4D4C",
+        borderWidth: 2,
+        color: "#fff"
+      }
+    },
+    z: 2,
+    name: "detail_youtube",
+    data: [
+      {
+        value: 1,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 0,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 0,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 0,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 0,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 0,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 0,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      }
+    ],
+    proportion: [56e-4, 0, 0, 0, 0, 0, 0],
+    color: "#FF4D4C",
+    content: {
+      cur_total: 1,
+      pre_total: 4,
+      cycle_rate: -0.75,
+      proportion: 6e-4
+    }
+  },
+  {
+    type: "line",
+    symbol: "emptyCircle",
+    symbolSize: 8,
+    showSymbol: false,
+    connectNulls: true,
+    lineStyle: {
+      width: 3
+    },
+    smooth: true,
+    triggerLineEvent: false,
+    emphasis: {
+      focus: "series",
+      itemStyle: {
+        borderColor: "#4C4C4C",
+        borderWidth: 2,
+        color: "#fff"
+      }
+    },
+    z: 2,
+    name: "detail_tiktok",
+    data: [
+      {
+        value: 1,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 1,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 3,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 3,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 3,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 2,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 0,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      }
+    ],
+    proportion: [56e-4, 56e-4, 96e-4, 0.011, 0.0112, 67e-4, 0],
+    color: "#4C4C4C",
+    content: {
+      cur_total: 13,
+      pre_total: 16,
+      cycle_rate: -0.1875,
+      proportion: 84e-4
+    }
+  },
+  {
+    type: "line",
+    symbol: "emptyCircle",
+    symbolSize: 8,
+    showSymbol: false,
+    connectNulls: true,
+    lineStyle: {
+      width: 3
+    },
+    smooth: true,
+    triggerLineEvent: false,
+    emphasis: {
+      focus: "series",
+      itemStyle: {
+        borderColor: "#529CD6",
+        borderWidth: 2,
+        color: "#fff"
+      }
+    },
+    z: 2,
+    name: "detail_vkontakte",
+    data: [
+      {
+        value: 33,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 50,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 97,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 60,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 79,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 125,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 6,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      }
+    ],
+    proportion: [0.1864, 0.2809, 0.3099, 0.2198, 0.2959, 0.4167, 0.1364],
+    color: "#529CD6",
+    content: {
+      cur_total: 450,
+      pre_total: 748,
+      cycle_rate: -0.3983957219251337,
+      proportion: 0.2899
+    }
+  },
+  {
+    type: "line",
+    symbol: "emptyCircle",
+    symbolSize: 8,
+    showSymbol: false,
+    connectNulls: true,
+    lineStyle: {
+      width: 3
+    },
+    smooth: true,
+    triggerLineEvent: false,
+    emphasis: {
+      focus: "series",
+      itemStyle: {
+        borderColor: "#FF762C",
+        borderWidth: 2,
+        color: "#fff"
+      }
+    },
+    z: 2,
+    name: "detail_reddit",
+    data: [
+      {
+        value: 2,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 1,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 2,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 1,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 0,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 0,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 0,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      }
+    ],
+    proportion: [0.0113, 56e-4, 64e-4, 37e-4, 0, 0, 0],
+    color: "#FF762C",
+    content: {
+      cur_total: 6,
+      pre_total: 23,
+      cycle_rate: -0.7391304347826086,
+      proportion: 39e-4
+    }
+  },
+  {
+    type: "line",
+    symbol: "emptyCircle",
+    symbolSize: 8,
+    showSymbol: false,
+    connectNulls: true,
+    lineStyle: {
+      width: 3
+    },
+    smooth: true,
+    triggerLineEvent: false,
+    emphasis: {
+      focus: "series",
+      itemStyle: {
+        borderColor: "#F9B522",
+        borderWidth: 2,
+        color: "#fff"
+      }
+    },
+    z: 2,
+    name: "detail_news",
+    data: [
+      {
+        value: 2,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 7,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 5,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 0,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 10,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 4,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      },
+      {
+        value: 0,
+        itemStyle: {
+          opacity: 1
+        },
+        select: {
+          itemStyle: {
+            opacity: 1
+          }
+        }
+      }
+    ],
+    proportion: [0.0113, 0.0393, 0.016, 0, 0.0375, 0.0133, 0],
+    color: "#F9B522",
+    content: {
+      cur_total: 28,
+      pre_total: 30,
+      cycle_rate: -0.06666666666666667,
+      proportion: 0.018
+    }
+  }
+];
+var line_chart_default = () => /* @__PURE__ */ import_react.default.createElement(import__.default, { data });