echarts-cylinder v1.0.1

cylinder

圆柱图，完美质感，支持label，支持堆叠

使用echarts绘制

项目地址：https://github.com/wzsxyz/cylinder

demo演示：https://wzsxyz.github.io/cylinder/lib/example.html

##文档

export default function(target, settings)

基本使用

let chart = echarts.init(document.getElementById('chart'));
cylinder(chart, {
    dataSource: {
      name: [2016,2017,2018],
      data: [
          {
              name: '资产',
              value: [1,2,3].map(()=>getRn())
          },
          {
              name: '负债',
              value: [1,2,3].map(()=>getRn())
          },
          {
              name: '收入',
              value: [1,2,3].map(()=>getRn())
          }
      ]
    }
});

settings配置：

• dataSource: object, 数据源，格式为：{name: [], data:{name: '',value: []}}，详见demo
• theme: array<string/object>, 柱子主题配色，可以是内置主题名，也可以是主题对象。应配置为数组，按系列依次对应。主题对象包含三个字段: color:柱子颜色，arcColor:顶部底部的椭圆颜色，arcBorder: 顶部底部椭圆边框色
• barWidth：number，柱状图宽度，0~1
• barGap：number，柱状图系列间隔 0~1
• stack：bool，开启堆叠模式
• countStart: function(params, api, wSize, value), 自定义柱子定位点计算函数
• label：object , 柱子顶部label
• layout：string, 设置为y时柱子会横向放置，y轴会成为名称轴，x轴为数值轴
• barMinHeight：number/function(height, seriesIndex, dataIndex)，柱子最小高度，为function时返回值将作为柱子最终高度
• barMaxWidth: number, 柱子最大宽度
• beforeRender: function(option), echarts渲染前触发，可调整生成的option