weex-acechart-js v1.2.1
WeexAceChart
What's this for? 这个库是做什么的
WeexAceChart
is a chart implementation in weex environment. You can use it to build beautiful charts with massive styles by specifying json
objects.
WeexAceChart
是Weex环境下的图表实现。 可以通过配置 json
对象构建不同样式的图表。
Currently, weex-acechart-js
is not an implmentation of charts under HTML5
. It's more like a wrapper that wraps off differences between iOS
implementation and Android
's. To make it easier to use. So enjoy it!
目前,weex-acechart-js
不是一个HTML5
版本的图表实现,而是一个去除iOS
和Android
之间不同的包装来使其更加方便使用。 Enjoy it!
Installation 安装
After you have integrated the weex plugin(WeexAceChart
) to your native apps. You run the following script in your vue project.
在Native客户端中集成了Weex plugin(WeexAceChart
)之后,可以在vue工程里执行下面脚本来安装依赖。
npm install --save weex-acechart-js
Demos 用例
Try this code. And you will get a really simple line chart.
尝试下面代码,可以获得一个很简单的线图。
<template>
<weex-ace-chart :option="option" class="chart"></weex-ace-chart>
</template>
<style scoped>
.chart {
height: 400px;
width: 750px;
}
</style>
<script>
import WeexAceChart from "@ali/weex-ace-chart-js";
export default {
components: { WeexAceChart },
computed: {
option: function() {
return {
"legends": {},
"xAxises": [],
"yAxises": [],
"series": [{
"displayLegend": true,
"type": "line",
"color": "#f1c40f",
"name": "Line Stroke",
"points": [
[1, 2, 3, 4, 5, 6, 7]
],
"lineWidth": 7
}]
};
}
}
}
</script>
6 years ago
6 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago