图表颜色
来源:互联网 发布:谢谢网络 编辑:程序博客网 时间:2024/04/30 20:55
<!DOCTYPE HTML>
<
html
>
<
head
>
<
meta
http-equiv
=
"Content-Type"
content
=
"text/html; charset=utf-8"
>
<
title
>Highcharts Example</
title
>
<
script
type
=
"text/javascript"
src
=
"http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"
></
script
>
<
script
type
=
"text/javascript"
>
$(function () {
$('#container').highcharts({
chart: {
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false
},
colors:[
'red',//第一个颜色,欢迎加入Highcharts学习交流群294191384
'blue',//第二个颜色
'yellow',//第三个颜色
'#1aadce', //。。。。
'#492970',
'#f28f43',
'#77a1e5',
'#c42525',
'#a6c96a'
],
title: {
text: 'Browser market shares at a specific website, 2010'
},
tooltip: {
pointFormat: '{series.name}: <
b
>{point.percentage:.1f}%</
b
>'
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
color: '#000000',
connectorColor: '#000000',
format: '<
b
>{point.name}</
b
>: {point.percentage:.1f} %'
}
}
},
series: [{
type: 'pie',
name: 'Browser share',
data: [
['Firefox', 45.0],
['IE', 26.8],
['Opera', 6.2],
]
}]
});
});
</
script
>
</
head
>
<
body
>
<
script
src
=
"http://code.highcharts.com/highcharts.js"
></
script
>
<
div
id
=
"container"
style
=
"min-width: 310px; height: 400px; margin: 0 auto"
></
div
>
</
body
>
</
html
>
0 0
- 图表颜色
- saiku 修改默认图表颜色
- echarts图表颜色API错题
- 商业图表中的颜色应用
- 使用ToolBar改变旋转图表的颜色
- ECHART 设置图表颜色(随即取)
- Highcharts中修改图表列显示的颜色
- Biee 11g 修改系统默认图表的颜色
- ECharts图表中修改每个category的颜色
- 百度图表柱子背景颜色使用渐变效果
- highcharts 阶梯图表并填充颜色(自己认为:直角折线图表)
- 图表
- highcharts图表组件如何设置某个数据点的颜色或者数据标签的颜色值
- Echarts3通过ajax动态获取数据,30秒定时图表数据,设置图表线条颜色和粗细
- Flex中如何通过lineStroke样式改变LineChart图表线条颜色的例子
- 水晶报表 图表颜色格式专家中化常量为“变量”
- 关于.NET报表中图表控件线条颜色和粗细设置
- 工控图表控件ProEssentials使用教程:改变子集的颜色和线条风格
- Mapping a database user to a new SQL Server login
- 文章标题
- jquery笔记
- Convert Sorted Array to Binary Search Tree -- leetcode
- jquery的$().each,$.each区别
- 图表颜色
- html 第一季 tips1
- webqq2协议分析和qq聊天机器人简单实现
- Android获取运营商
- mongod.conf
- UVa 1611 Crane
- String.Replace 和 String.ReplaceAll 的区别
- 数据中心交换机
- matab R2014a 的文件关联(亲测可用)