dchart-area-line-double

dchart-area-line-double

符合dchart规范的双轴区域图

安装

npm install dchart-area-line-double

用法

var Area = require('dchart-area-line-double');
var area = new Area(container, {
  'xaxis' : {
    'show': true,              //是否显示
    'font-size': 12,           //字体
    'dy': 0,                   //y方向上偏移
    'color': '#fff',           //颜色
    'padding': [0.6, 0.3],     //柱状子间的间距[innerPadding, outerPadding],默认[0.6, 0.3]
    'assist-line': false       //辅助线
  },
  yaxis: {
   'show': true,              //是否显示
   'font-size': 12,           //字体
   'dy': 0,                   //y方向上偏移
   'color': '#fff',           //颜色
    min: null,                 //默认null会自动计算数据中的最小值
    max: null,                 //默认null会自动计算数据中的最大值
    tickFormat: function () {},
    ticks: 4,                   //显示4个刻度
    'assist-line': false        //辅助线
  },
  zaxis: {
       //如同yaxis
  },
  'line1': {
    'color': '#1BB5FF',         
    'circle-radius': 10,       //圆点半径
    'stroke-width': 1,         //线段粗细
    'area': true,              //区域填充
    'bubble': true             //是否显示气泡
  },
  'line2': {
    //如同line1
  }
});
area.render([
   {x: '内蒙古', 'y': 1200, z: 22},
   {x: '黑龙江', 'y':1111, z: 32},
   {x: '辽宁', 'y':1156, z:12},
   {x: '吉林', 'y':1879, z:33},
   {x: '江苏', 'y':1023, z:21},
   {x: '安徽', 'y':1980, z:54},
   {x: '浙江', 'y':1043, z:43},
   {x: '福建', 'y':1232, z:22}]);