highchart图表 | 改变图表颜色

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图表 | 改变图表颜色相关推荐

python修改ppt的字体和颜色_python pptx教程：python 怎么设置ppt图表区的颜色以及给图表区加上边框...
python 中 pptx 库可以画组合图么? 我知道PPT可以组合画出,但是Python就不知道啦. python 怎么设置ppt图表区的颜色以及给图表区加上边框 Python Code:from ...
如何更改 think-cell 图表的默认颜色？使用教程
think-cell将 Microsoft PowerPoint 的主题颜色用于许多图表元素(例如,轴.文本.箭头等).这些颜色取自您演示文稿文件的主题颜色.若默认项的设计正确无误,则在您切换配色方案 ...
Vue 之 echarts 图表数据可视化常用的一些图表/动态图表/3D图表的简单整理
Vue 之 echarts 图表数据可视化常用的一些图表/动态图表/3D图表的简单整理目录 Vue 之 echarts 图表数据可视化常用的一些图表/动态图表/3D图表的简单整理一.简单介绍二. ...
在一个html加载多个echarts,Echarts一个页面加载多个图表及图表自适应
Echarts一个页面加载多个图表及图表自适应模块化加载 //入口 require.config({ paths: { echarts: 'http://echarts.baidu.com/buil ...
mysql中鼠标光标消失了_为什么我这里没有显示鼠标的悬停可改变页面颜色，以为什么我加载了mysql的jar文件还是不能显示报表的内容呢？...
源自:3-6 JSP页面实现为什么我这里没有显示鼠标的悬停可改变页面颜色,以为什么我加载了mysql的jar文件还是不能显示报表的内容呢? 首先是index.jsp pageEncoding=&qu ...
bash中通过设置PS1变量改变提示符颜色
参考 <Prompt Magic> ubuntu初始时bash提示符的颜色同程序输出的颜色相同,当大量有输出时,找到输出信息开始的地方往往很费劲.如果把提示符的颜色变成更为醒目的颜色,那么 ...
Java背景颜色怎么设成随机的_JS实现随机改变背景颜色
JS实现随机改变背景颜色 JS实现随机改变背景颜色使用Js实现随便点击页面某位置就能改变页面背景颜色的功能 function changeBg(){//改变背景颜色的函数 var bgColor=& ...
Android实现连续并排的若干个TextView单击改变背景颜色达到选项卡Tab栏切换效果...
<Android实现连续并排的若干个TextView单击改变背景颜色达到选项卡Tab栏切换效果> 实现的组件交互目的很简单,就是要达到类似tab选项卡的导航栏一样,当用户点击了连续并排的若 ...
VC6,SDI视图改变背景颜色的方法
不怎么时髦,还在用VC6,无聊瞎写的............ SDI视图改变背景颜色分两步吧,效果还是很好的. 首先在CXXView类的OnDraw添加颜色. void CDigimizerView: ...

highchart图表 | 改变图表颜色

highchart图表 | 改变图表颜色相关推荐

最新文章

热门文章