wxchart

KO | EN

gitlite — search

#javascript #rust #deep-learning #linux #nodejs #macos #java #windows #awesome #cli #kubernetes #mcp #openai #open-source

(★ 10)

微信小程序开源图表组件

wxchart Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

### modify 分支重写img
# wxchart 
k线图、直方图、曲线图、保持了和echart的类似的参数配置

### 使用方法
	1、引入wxchart
		const wxChart = require('wxChart')
	2、实例化初始对象
		consot chart =wxChart.init()
	3、通过setOption方法生成图表
		chart.setOption(options)
### options 参数配置
```
	options = {
		grid:{
			show: false, //是否显示直接坐标系网格
			showX: ture, //显示横轴网格线
			showY：true, //显示数轴网格线
			width: 'auto' //?
			height: '110' //组件的高度
			left: 0,
			top: 0,
			right: 0,
			bottom: 0,
			backgroundColor: 'transparent',
			borderColor: '#cccccc',
			showLable: true, //暂时好像没有用可以去掉
			length: 52 //默认数据长度
		},
		dataZoom:[{
			start: 0,
			end: 1
		}],
		xAxis: [
			{
				show: true,
				length: 52
			}
		],
		yAxis: [
			{
				max: '',
				min: '',
				show: true
			}
		],
		series: [
			{
				name: '',
				type: 'bar',
				show: true, //是否显示该图表数据
				data: [],//一维数组数据
				lineStyle: {
					color: '',
					width: 1,
					type: 'solid'
				}
			},
			{
				name: '',
				type: 'line', 
				show: true,
				data: [], //一维数组[]
				lineStyle: {
					color: '',
					width: 1,
					type: 'solid'
				}
			},
			{
                show: true,
                type: 'candlestick',
                name: '',
                data: '', //data 多维数组[[开盘、收盘、最低、最高]]
                itemStyle: {
                    color: '#c23531 ',
                    color0: '#314656 ',
                    borderColor: '#c23531',
                    borderColor0: '#314656',
                    borderWidth: 1,
                    type: 'solid'
                }
            }
		]
	}
```
### 效果预览
#### k线图
![](https://github.com/leewr/wxchart/raw/master/image/kline.png)

wxchart

wxchart Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

wxchart

wxchart Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README