musiq
musiq
# 参数说明 `opts` Object `opts.canvasId` String **required** 微信小程序canvas-id `opts.width` Number **required** canvas宽度，单位为px `opts.height` Number **required** canvas高度，单位为px `opts.background` String canvas背景颜色（如果页面背景颜色不是白色请设置为页面的背景颜色，默认`#ffffff`） `opts.enableScroll` Boolean 是否开启图表可拖拽滚动 默认`false` 支持`line`, `area`图表类型(需配合绑定`scrollStart`, `scroll`, `scrollEnd`方法) `opts.title` Object (only...
由于无法获取到`canvas`的大小尺寸，故图表工具需要调用者传入`width`和`height`来主动告知。 各类终端的屏幕大小有差异，如何来让wx-charts自适应屏幕的尺寸呢，下面给出一种方法。 比如我们的需求是图表横向铺满屏幕的宽度 `wxss` ```css .canvas { width: 100%; height: 200px; } ``` `wxml` ```html ``` `js` ```javascript // 调用API getSystemInfoSync 获取设备信息 // 这里使用同步获取，也可以使用异步方式 getSystemInfo ...... let windowWidth = 320;...
myAppPage.js ```javascript // 路径是wxCharts文件相对于本文件的相对路径 var wxCharts = require('./utils/wxcharts.js'); Page({ ... onLoad: function() { new wxCharts({ ... }); } }); ```
# 方法 - `updateData(data)` 更新图表数据，data: `object`，data.categories(可选，具体见参数说明)，data.series(可选，具体见参数说明)，data.title(可选，具体见参数说明)，data.subtitle(可选，具体见参数说明) - `stopAnimation()` 停止当前正在进行的动画效果，直接展示渲染的最终结果 - `addEventListener(type, listener)` 添加事件监听，`type`: `String`事件类型，`listener`: `function` 处理方法 - `getCurrentDataIndex(e)` 获取图表中点击时的数据序列编号(-1表示未找到对应的数据区域), `e`: `Object`微信小程序标准事件，需要手动的去绑定touch事件，具体可参考[wx-charts-demo](https://github.com/xiaolin3303/wx-charts-demo)中`column`图示例 - `showToolTip(e, options?)` 图表中展示数据详细内容(目前仅支持`line`和`area`图表类型)，`e`: `Object`微信小程序标准事件，`options`: `Object`可选，tooltip的自定义配置，支持`option.background`，默认为`#000000`; `option.format`, `function`类型，接受两个传入的参数，`seriesItem`(Object, 包括seriesItem.name以及seriesItem.data)和category，可自定义tooltip显示内容。具体可参考[wx-charts-demo](https://github.com/xiaolin3303/wx-charts-demo)中`line`图示例...
# Example ### pie chart ```javascript var wxCharts = require('wxcharts.js'); new wxCharts({ canvasId: 'pieCanvas', type: 'pie', series: [{ name: 'cat1', data: 50, }, { name: 'cat2', data: 30, }, {...
由于本人时间有限，请提出issue时注意以下几点: 1、提出前请翻阅历史issue查看是否有相关的内容 2、bug相关的issue请详细描述具体的情况、复现的步骤、截图、真机系统信息以及你的相关配置代码部分，并请添加`bug`标签 3、需求相关的issue请详细描述具体的需求情况，最好附带示意图，并请添加`request feature`标签 对于一些后续没有跟进的issue我会在一段时间后关闭，谢谢各位的理解和支持
in `webpack2`, apply the loader should be ```javascript ``` instead of ```javascript ```