原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
Highcharts 音量表(VU Meter)
Highcharts ⾳量表 （VU Meter ）
Highcharts ⾳量表 （VU Meter ）
Highcharts 测量图
以下实例演⽰了⾳量表 （VU Meter ）。
我们在前⾯的章节已经了解了 Highcharts 基本配置语 。接下来让我们来看下其他的
配置。
配置
chart.type 配置
配置 chart 的 type 为 gauge 。chart .type 描述了图表类型。默认值为 line。
var chart = {
type: gauge
};
pane 配置
pane 只适⽤在极坐标图和⾓度测量仪。此可配置对象持有组合x轴和y周的常规选项。
每个x轴和y轴都可以通过索引关联到窗格中。
var pane = {
startAngle: -150, // x轴或测量轴的开始度数，以度数的⽅式给出。0是北
endAngle: 150 //x轴极坐标或⻆度轴的最终度数，以度数的⽅式给出。0是北
};
实例
⽂件名：highcharts_vumeter .htm
ht l
head
eta charset=UTF-8 /
titleHighcharts 教程 | W3Cschool教程(youj.co )/title
script src=http://apps.bdi g.co /libs/jquery/2.1.4/jquery . in.js
script src=http://code.highcharts.co /highcharts.js/script
script src=http://code.highcharts.co /highcharts- ore.js/scri
/head
body
div id=container style=width: 550px; height: 400px; argin: 0
script language=JavaScript
$(docu ent).ready(function() {
var chart = {
type: gauge,
plotBorderWidth: 1,
plotBackgroundColor: {
linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
stops: [
[0, #FFF4C6],
[0.3, #FFFFFF],
[1, #FFF4C6]
]
},
plotBackgroundI age: null,
height: 200
};
var credits = {
enabled: false
};
var title = {
text: ⾳量表 （VU Meter）
};
var pane = [{
startAngle: -45,
endAngle: 45,
background: null,
center: [25% , 145% ],
size: 300
}, {
startAngle: -45,
endAngle: 45,
background: null,
center: [75% , 145% ],
size: 300
}];
var yAxis = [{
in: -20,
ax : 6,
inorTickPosition: outside,
tickPosition: outside,
labels: {
rotation: auto,
distance: 20
},
plotBands: [{
fro : 0,
to: 6,
color: #C02316,
文档评论（0）