javascript/vueecharts
1
0
Fork 0
mirror of https://github.com/ecomfe/vue-echarts.git synced 2025-08-18 06:34:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: allowJs for demo

Browse Source
This commit is contained in:
Justineo
2022-01-14 19:00:21 +08:00
parent 54ac383b6f
commit 89be965939
3 changed files with 59 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
src/demo/Demo.vue
View File

@ -1,19 +1,20 @@
<template> <template>
<main> <main>
<!-- <v-chart <!-- <v-chart
class="echarts" id="logo" :option="logo" :init-options="initOptions" autoresize /> --> class="echarts" id="logo" :option="logo" :init-options="initOptions" autoresize />-->
<h1><a href="https://github.com/ecomfe/vue-echarts">Vue-ECharts</a></h1> <h1>
<a href="https://github.com/ecomfe/vue-echarts">Vue-ECharts</a>
</h1>
<p class="desc"> <p class="desc">
Vue.js component for Apache ECharts. (<a Vue.js component for Apache ECharts. (
href="https://github.com/ecomfe/vue-echarts#readme" <a href="https://github.com/ecomfe/vue-echarts#readme">docs</a>)
>docs</a
>)
</p> </p>
<h2 id="bar"> <h2 id="bar">
<a href="#bar" <a href="#bar">
>Bar chart <small>(with async data &amp; custom theme)</small></a Bar chart
> <small>(with async data &amp; custom theme)</small>
</a>
<button <button
:class="{ :class="{
round: true, round: true,
@ -37,19 +38,26 @@
@click="handleClick" @click="handleClick"
/> />
</figure> </figure>
<p v-if="seconds <= 0"><small>Loaded.</small></p> <p v-if="seconds <= 0">
<p v-else> <small>Loaded.</small>
<small </p>
>Data coming in <b>{{ seconds }}</b> second{{ <p v-else>
seconds > 1 ? "s" : "" <small>
}}...</small Data coming in
> <b>{{ seconds }}</b>
second{{ seconds > 1 ? "s" : "" }}...
</small>
</p>
<p>
<button @click="refresh" :disabled="seconds > 0">Refresh</button>
</p> </p>
<p><button @click="refresh" :disabled="seconds > 0">Refresh</button></p>
</section> </section>
<h2 id="pie"> <h2 id="pie">
<a href="#pie">Pie chart <small>(with action dispatch)</small></a> <a href="#pie">
Pie chart
<small>(with action dispatch)</small>
</a>
<button <button
:class="{ :class="{
round: true, round: true,
@ -71,7 +79,10 @@
</section> </section>
<h2 id="polar"> <h2 id="polar">
<a href="#polar">Polar plot <small>(with built-in theme)</small></a> <a href="#polar">
Polar plot
<small>(with built-in theme)</small>
</a>
<button <button
:class="{ :class="{
round: true, round: true,
@ -100,7 +111,10 @@
</section> </section>
<h2 id="scatter"> <h2 id="scatter">
<a href="#scatter">Scatter plot <small>(with gradient)</small></a> <a href="#scatter">
Scatter plot
<small>(with gradient)</small>
</a>
<button <button
:class="{ :class="{
round: true, round: true,
@ -117,7 +131,10 @@
</section> </section>
<h2 id="map"> <h2 id="map">
<a href="#map">Map <small>(with GeoJSON &amp; image converter)</small></a> <a href="#map">
Map
<small>(with GeoJSON &amp; image converter)</small>
</a>
<button <button
:class="{ :class="{
round: true, round: true,
@ -136,7 +153,9 @@
autoresize autoresize
/> />
</figure> </figure>
<p><button @click="convert">Convert to image</button></p> <p>
<button @click="convert">Convert to image</button>
</p>
</section> </section>
<!-- <h2 id="radar"> <!-- <h2 id="radar">
@ -166,7 +185,7 @@
<input id="async" type="checkbox" v-model="asyncCount" /> <input id="async" type="checkbox" v-model="asyncCount" />
<label for="async">Async</label> <label for="async">Async</label>
</p> </p>
</section> --> </section>-->
<h2 id="connect"> <h2 id="connect">
<a href="#connect">Connectable charts</a> <a href="#connect">Connectable charts</a>
@ -219,12 +238,14 @@
</h2> </h2>
<section v-if="expand.flight"> <section v-if="expand.flight">
<p> <p>
<small <small>
>You may use <code>manual-update</code> prop for performance critical You may use
use cases.</small <code>manual-update</code> prop for performance critical use cases.
> </small>
</p>
<p>
<button :disabled="flightLoaded" @click="loadFlights">Load</button>
</p> </p>
<p><button :disabled="flightLoaded" @click="loadFlights">Load</button></p>
<figure style="background-color: #003"> <figure style="background-color: #003">
<v-chart <v-chart
ref="flight" ref="flight"
@ -238,10 +259,11 @@
</section> </section>
<footer> <footer>
<a href="//github.com/Justineo">@Justineo</a>|<a <a href="//github.com/Justineo">@Justineo</a>|
href="//github.com/ecomfe/vue-echarts/blob/master/LICENSE" <a href="//github.com/ecomfe/vue-echarts/blob/master/LICENSE"
>MIT License</a >MIT License</a
>|<a href="//github.com/ecomfe/vue-echarts">View on GitHub</a> >|
<a href="//github.com/ecomfe/vue-echarts">View on GitHub</a>
</footer> </footer>
<aside :class="{ modal: true, open }" @click="open = false"> <aside :class="{ modal: true, open }" @click="open = false">

5
src/demo/jsconfig.json Normal file
View File

@ -0,0 +1,5 @@
{
"files": [
"./Demo.vue"
],
}

1
tsconfig.json
View File

@ -1,4 +1,5 @@
{ {
"allowJs": true,
"compilerOptions": { "compilerOptions": {
"target": "ES5", "target": "ES5",
"module": "ESNext", "module": "ESNext",