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>