javascript/vueecharts
1
0
Fork 0
mirror of https://github.com/ecomfe/vue-echarts.git synced 2025-08-17 22:19:03 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs: update tagline

Browse Source
This commit is contained in:
Justineo
2021-02-22 15:23:42 +08:00
parent 217ac4e1e0
commit 7e7706afc4
4 changed files with 17 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -1,6 +1,6 @@
# Vue-ECharts # Vue-ECharts
> ECharts component for Vue.js. > Vue.js component for Apache ECharts.
> [🇨🇳 中文版](./README.zh-Hans.md) > [🇨🇳 中文版](./README.zh-Hans.md)

2
README.zh-Hans.md
View File

@ -1,6 +1,6 @@
# Vue-ECharts # Vue-ECharts
> ECharts component for Vue.js. > Apache ECharts 的 Vue.js 组件。
使用 [ECharts](http://echarts.baidu.com/index.html) 5，同时支持 [Vue.js](https://vuejs.org/) 2/3。 使用 [ECharts](http://echarts.baidu.com/index.html) 5，同时支持 [Vue.js](https://vuejs.org/) 2/3。

4
public/index.html
View File

@ -6,11 +6,11 @@
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> <link rel="icon" href="<%= BASE_URL %>favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Inter:300,500;display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Inter:300,500;display=swap" rel="stylesheet">
<title><%= htmlWebpackPlugin.options.title %></title> <title>Vue-ECharts: Vue.js component for Apache ECharts.</title>
</head> </head>
<body> <body>
<noscript> <noscript>
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> <strong>We're sorry but Vue-ECharts doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript> </noscript>
<div id="app"></div> <div id="app"></div>
<!-- built files will be auto injected --> <!-- built files will be auto injected -->

22
src/demo/Demo.vue
View File

@ -3,9 +3,11 @@
<!-- <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/Justineo/vue-echarts">Vue-ECharts</a></h1> <h1><a href="https://github.com/Justineo/vue-echarts">Vue-ECharts</a></h1>
<p class="desc">ECharts component for Vue.js.</p> <p class="desc">
<p> Vue.js component for Apache ECharts. (<a
<a href="https://github.com/ecomfe/vue-echarts#readme">Docs &rarr;</a> href="https://github.com/ecomfe/vue-echarts#readme"
>docs</a
>)
</p> </p>
<h2 id="bar"> <h2 id="bar">
@ -555,8 +557,6 @@ export default {
}, },
mounted() { mounted() {
this.startActions(); this.startActions();
console.log(this.$refs.bar.chart);
} }
}; };
</script> </script>
@ -610,6 +610,10 @@ h2 {
.desc { .desc {
margin-bottom: 3em; margin-bottom: 3em;
color: #7f8c8d; color: #7f8c8d;
a {
color: #42b983;
}
} }
h2 small { h2 small {
@ -879,16 +883,17 @@ figure {
position: fixed; position: fixed;
top: 10px; top: 10px;
left: 10px; left: 10px;
font-size: 12px; font-size: 16px;
text-align: center; text-align: center;
button { button {
float: left; float: left;
position: relative; position: relative;
width: 48px; width: 64px;
border-radius: 4px; border-radius: 6px;
border-color: #36485e; border-color: #36485e;
color: rgba(54, 72, 94, 0.8); color: rgba(54, 72, 94, 0.8);
font-weight: 500;
&:focus-visible { &:focus-visible {
box-shadow: 0 0 1px #36485e; box-shadow: 0 0 1px #36485e;
@ -902,7 +907,6 @@ figure {
z-index: 1; z-index: 1;
background-color: #36485e; background-color: #36485e;
color: #fff; color: #fff;
font-weight: 500;
} }
&:first-child { &:first-child {