HighChar

chart: {
type:'bar',
borderWidth:2,
borderColor: '#CA5100',
backgroundColor: '#90ED7D',
shadow: { //外边框阴影
color: 'red',
offsetY: '10',
offsetX: 1,
opacity: '100',
'10'
},
showAres:true,//没有任何数据图的时候,是否显示轴线
plotBackgroundColor: '#CA5100',
plotBackgroundImage: '/Content/Images/J0175428.JPG',//图标区域背景图片
plotBorderWidth: 2,
plotShadow:true,
plotBorderColor: 'red',
borderRadius: 50,
className:'div',
height: 600,
inverted: true,//x和y旋转
spacing:[20,20,20,50], //同margin
// margin:100, // 图表距离边框的距离
spacingBottom:50,//下边框有图开始到边框的距离
options3d: { //引入 3d
alpha: 200,
beta: 180,
depth: 200,
enable: true,
viewDistance:200
},
panning:true,//可有十字鼠标样式
panKey: 'Shift',
//pinchType: 'x', //捅zoomType
polar: false,//极地图,引入more
// renderTo: 渲染到哪个标签元素div,获取其对象
zoomType: 'xy',
selectionMarkerFill:'white',//放大的时候选中区域的颜色
resetZoomButton: {//重置缩放
position: {
x: 2,
y:2
},
relativeTo: 'plot',//重置缩放按钮,相对于哪 chart plot
theme: {
fill: '#B7C900',//填充颜色
r: 8,//圆角
states: {
hover: {
fill: '#0FC900',
style: {
color: 'white'
},
text:'恢复原始状态'
},
},
}
}
}

原文地址:https://www.cnblogs.com/jinhaoObject/p/4571084.html