您的位置：首页 > 其它

highchart图表 | 改变图表颜色

2018-02-09 14:16 246 查看

highchart默认颜色：

加上如下代码即可：colors:[
'#000000',//黑
'#FF0000',//红
'#00FF00',//绿
'#0000FF',//蓝
'#FFFF00',//黄
'#FF00FF',//紫
'#FFFFFF',//紫
],

完整代码：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<script src="jquery-1.10.2.min.js"></script>
<script src="highcharts.js"></script>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
<script>

// Create the chart
$(function () {
$('#container').highcharts({
chart: {
type: 'column',
},
title: {
text: 'colum'
},
colors:[
'#000000',//黑
'#FF0000',//红
'#00FF00',//绿
'#0000FF',//蓝
'#FFFF00',//黄
'#FF00FF',//紫
'#FFFFFF',//紫
],
xAxis: {
type: 'category',

},

legend: {
enabled: false
},

plotOptions: {
series: {
borderWidth: 0,
dataLabels: {
enabled: true
},
events:{
click:function(e){//点击事件

}
}
}

},

series: [{
name: 'Things',
colorByPoint: true,
data: [{
name: 'Animals',
y: 5

}, {
name: 'Fruits',
y: 2
}, {
name: 'Cars',
y: 4
}]
}],

})
})

</script>

测试结果：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： highchart

相关文章推荐

新的分享

章节导航