使用highcharts的最大感受是配置灵活,上手快,主题样式多,界面清新。支持的图表类型有曲线图、区域图、柱状图、饼状图、散点图、气泡图和综合图表,部分图表也有3d效果。本文主要针对动态修改图表样式属性的操作进行总结,一般配置可直接参考中文教程与api文档。
中文教程:https://www.hcharts.cn/docs
实例:https://www.hcharts.cn/demo/highcharts
API文档:https://api.hcharts.cn/highcharts
1.背景色设置
highcharts支持的背景样式:透明、颜色、渐变,设置方式都是通过图表backgroundColor属性。
透明背景设置:
chart.update({
chart:{
backgroundColor:null //背景为透明,使用rgba(0,0,0,0)或空字符也可以实现透明
}
});
带颜色的背景设置: