dchart-area-line-double
v0.0.5
Published
dchart-area-line-double
Downloads
3
Readme
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}]);