HighCharts设置图表背景透明
2016-01-03 17:51
453 查看
HighCharts设置图表背景透明
其实就一句话:backgroundColor: 'rgba(0,0,0,0)'
完整示例:
$(function () { $('#container').highcharts({ chart: { type: 'column', backgroundColor: 'rgba(0,0,0,0)' }, title: { text: 'Stacked column chart' }, xAxis: { categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas'] }, yAxis: { min: 0, title: { text: 'Total fruit consumption' }, stackLabels: { enabled: true, style: { fontWeight: 'bold', color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray' } } }, legend: { align: 'right', x: -70, verticalAlign: 'top', y: 20, floating: true, backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColorSolid) || 'white', borderColor: '#CCC', borderWidth: 1, shadow: false }, tooltip: { formatter: function() { return '<b>'+ this.x +'</b><br/>'+ this.series.name +': '+ this.y +'<br/>'+ 'Total: '+ this.point.stackTotal; } }, plotOptions: { column: { stacking: 'normal', dataLabels: { enabled: true, color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white' } } }, series: [{ name: 'John', data: [5, 3, 4, 7, 2] }, { name: 'Jane', data: [2, 2, 3, 2, 1] }, { name: 'Joe', data: [3, 4, 4, 2, 5] }] }); });
还有另外一个属性,plotBackgroundColor: null
这个属性的意思是指图表部分,不含标题、说明信息,x轴y轴上的提示信息等部分的背景色,例如:
相关文章推荐
- umeng2应用更新SDK技术评测
- java的TTS(Text to Speech)的实现
- uva 12230 - Crossing Rivers(概率)
- django session
- 发短信,打电话等
- 数据迁移
- 被误传的Cookie的Domain属性
- Scala 隐式类型之隐式参数
- POJ 1065 Wooden Sticks(LIS)
- web前端之路(1)--清除浮动的三种方式
- Write .log file
- umeng1.统计SDK技术测评
- 想说爱你不容易
- 杂论--偶对成篇
- 文章标题
- Python【map、reduce、filter】内置函数使用说明(转载)
- 程序提示安装失败,或者安装未成功处理
- 阿岳之_rpm程序包管理篇
- 挥手2015,笑迎2016
- Handler发送消息小结