mirror of
https://github.com/ecomfe/vue-echarts.git
synced 2025-11-06 13:09:50 +08:00
feat: add custom event tracking
This commit is contained in:
@ -4,6 +4,7 @@ import { useUrlSearchParams } from "@vueuse/core";
|
|||||||
import { use } from "echarts/core";
|
import { use } from "echarts/core";
|
||||||
import { CanvasRenderer, SVGRenderer } from "echarts/renderers";
|
import { CanvasRenderer, SVGRenderer } from "echarts/renderers";
|
||||||
import { INIT_OPTIONS_KEY } from "../ECharts";
|
import { INIT_OPTIONS_KEY } from "../ECharts";
|
||||||
|
import va from "@vercel/analytics";
|
||||||
|
|
||||||
import LogoChart from "./examples/LogoChart";
|
import LogoChart from "./examples/LogoChart";
|
||||||
import BarChart from "./examples/BarChart";
|
import BarChart from "./examples/BarChart";
|
||||||
@ -28,6 +29,16 @@ const initOptions = computed(() => ({
|
|||||||
provide(INIT_OPTIONS_KEY, initOptions);
|
provide(INIT_OPTIONS_KEY, initOptions);
|
||||||
|
|
||||||
const codeOpen = ref(location.hash === "#codegen");
|
const codeOpen = ref(location.hash === "#codegen");
|
||||||
|
|
||||||
|
if (codeOpen.value) {
|
||||||
|
va.track("codegen", { from: "link" });
|
||||||
|
}
|
||||||
|
|
||||||
|
function openCodegen() {
|
||||||
|
codeOpen.value = true;
|
||||||
|
va.track("codegen", { from: "click" });
|
||||||
|
}
|
||||||
|
|
||||||
watch(codeOpen, open => {
|
watch(codeOpen, open => {
|
||||||
if (open) {
|
if (open) {
|
||||||
location.hash = "#codegen";
|
location.hash = "#codegen";
|
||||||
@ -89,7 +100,7 @@ watch(codeOpen, open => {
|
|||||||
</aside>
|
</aside>
|
||||||
|
|
||||||
<aside class="codegen">
|
<aside class="codegen">
|
||||||
<button @click="codeOpen = true">
|
<button @click="openCodegen">
|
||||||
✨ <code>import</code> Codegen <span class="badge">beta</span>
|
✨ <code>import</code> Codegen <span class="badge">beta</span>
|
||||||
</button>
|
</button>
|
||||||
</aside>
|
</aside>
|
||||||
|
|||||||
Reference in New Issue
Block a user