hightCharts的API文档十分丰富,功能也十分强大,它是基于svg的,和echarts相比较而言各有千秋,echarts是基于canvas来做的。
hightCharts固然有着丰富的文档,可是新入手的人估计也会看的眼花缭乱,无从下手,今天就一点一点剖析它的文档,先从修改样式开始,能根据自己的需求
来完成设计图的还原。
1.删除官网标志
credits: {
enabled: false
}
2.给整个表格设置背景色
chart: {
backgroundColor: "#f4f5f7", //设置背景色
type: 'spline'
}
3.图例修改位置及颜色
legend: { //图例位置
align: 'center', //水平方向位置
verticalAlign: 'top', //垂直方向位置
x: 0, //距离x轴的距离
y: -10, //距离Y轴的距离
itemStyle: { //图例字体颜色
color: '#808080',
fontWeight: 'bold'
},
symbolHeight: 8, //高度
symbolWidth: 22
}