Global
G2-mobile 的全局配置信息。
属性
GM.Global 中属性有三种类型:
度量相关
// size的默认范围 sizes: { min: 1, max: 10 }, // 度量 scales: { nice: true // 度量优化(将数值范围调整为临近的整体区域,例如范围在2-93的数据优化为0-100) }, // 柱状图的宽度占比 widthRatio: { column: 1 / 2, // 柱状图的柱子宽度占比 1/2 }
配置示例:
GM.global.widthRatio = { column: 2 / 3 };
动画相关
animateReduceMultiple: 1 // 动画降频倍数
配置示例:
GM.global.animateReduceMultiple = 2;
图形相关
lineDash: [5,15] // 虚线样式
配置示例:
GM.global.lineDash = [4,4];
皮肤主题相关
// 字体
defaultFont: {
fontSize: '10px',
fontFamily: '"Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", SimSun, "sans-serif"'
},
// 精度
pixelRatio: 1,
// 边距
margin: [40, 40, 40, 40],
// 颜色集
colors: ['#4E7CCC', '#36B3C3', '#4ECDA5', '#94E08A', '#E2F194', '#EDCC72', '#F8AB60', '#F9815C', '#EB4456', '#C82B3D'],
// 坐标轴
axis: {
// 底部坐标轴
"bottom":{
"label":{
"fillStyle":"#979797",
"font":"20px san-serif",
"textBaseline":"hanging"
},
"labelOffset":12,
"line":{
"stroke":"#999999",
"lineWidth":1
},
"tickLine":null
},
// 左边坐标轴
"left":{
"label":{
"fillStyle":"#979797",
"font":"20px san-serif",
"textAlign":"end"
},
"labelOffset":6,
"line":null,
"grid":{
"stroke":"#E9E9E9",
"lineWidth":1
},
"tickLine":null
},
// 右边坐标轴
"right":{
"label":{
"fillStyle":"#979797",
"font":"20px san-serif",
"textAlign":"start"
},
"labelOffset":6,
"line":null,
"grid":null,
"tickLine":null
},
//角度坐标轴
"circle":{
"label":{
"fillStyle":"#979797",
"font":"20px san-serif"
},
"labelOffset":6,
"line":{
"stroke":"#999999",
"lineWidth":1
},
"grid":{
"stroke":"#E9E9E9",
"lineWidth":1
},
"tickLine":null
},
// 半径坐标轴
"radius":{
"label":{
"fillStyle":"#979797",
"font":"20px san-serif"
},
"labelOffset":6,
"line":{
"stroke":"#E9E9E9",
"lineWidth":1
},
"grid":{
"stroke":"#E9E9E9",
"lineWidth":1
},
"tickLine":null
}
}
方法
GM.Global 提供了一个方法:setTheme(object) 设置主题。
Global.setTheme
Global.setTheme(object)
参数
object
用户自定义的主题配置。
常用配置示例
GM.Global.setTheme({pixelRatio : 2}); // 设为双精度