Javascript 带有标签的Highcharts错误
下面的javascript使用highcharts.js库生成一个有效的xy散点图。然而，x轴标签正在做一些时髦的事情。x轴标签的每个百分比应介于0%和100%之间。它们对每个标签都这样做，除非标签有一个x值 例如：Javascript 带有标签的Highcharts错误,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,下面的javascript使用highcharts.js库生成一个有效的xy散点图。然而，x轴标签正在做一些时髦的事情。x轴标签的每个百分比应介于0%和100%之间。它们对每个标签都这样做，除非标签有一个x值 例如： data: [ {x:84.3,y:123758,name:'University of New Hampshire'}, {x:77,y:127542,name:'New England School of Law'}, {x:79.7,y:131958,name:'Northe
data: [
{x:84.3,y:123758,name:'University of New Hampshire'},
{x:77,y:127542,name:'New England School of Law'},
{x:79.7,y:131958,name:'Northeastern University'},
{x:76,y:116852,name:'Roger Williams University'},
{x:75.8,y:135160,name:'Suffolk University'},
]
$(document).ready(function() {
var pre1,pre2;
$('#tuitionVbar').highcharts({
chart: {
type: 'scatter',
zoomType: 'xy',
height:500,
events: {
load: function () {
var chart = this;
var dis_class;
$(chart.series).each(function (i, series) {
if("passing_85" == series.name){
series.name = 'Bar Pass Rate ≥ 85%';
}
if("passing_75" == series.name){
series.name = 'Bar Pass Rate 75% - 84.9%';
}
if("passing_60" == series.name){
series.name = 'Bar Pass Rate 60% - 74.9%';
}
if("passing_0" == series.name){
series.name = 'Bar Pass Rate < 60%';
}
$('<li class="'+dis_class+'" style="color:#FFF;font-weight:400;padding:3px;cursor:pointer;background-color: ' + series.color + '">' + series.name + '</li>').click(function () {
$(this).toggleClass("linethrough");
series.visible ? series.hide() : series.show();
}).appendTo('#legend');
});
}
}
},
title: {
text: 'Total Tuition Paid vs. Bar Pass Rate for 2014 Graduates'
},
xAxis: {
title: {
enabled: true,
text: 'Bar Pass Rates in 2014'
},
type:'category',
startOnTick: false,
endOnTick: false,
tickInterval:1,
showLastLabel: true,
max:100,
labels: {
formatter: function(){
if(this.value > 0){
return this.value + "%";
}else{
return this.value;
}
}
},
},
yAxis: {
title: {
text: 'Total Tuition Paid'
},min:0,max:200000,
labels: {
formatter: function(){
return '$' + Math.round(this.value/1000) + "k";
}
},
endOnTick:false
},
legend: {
enabled:false,
layout: 'vertical',
backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF',
borderWidth: 1
},
plotOptions: {
scatter: {
marker: {
radius: 5,
states: {
hover: {
enabled: true,
lineColor: 'rgb(100,100,100)'
}
}
},
states: {
hover: {
marker: {
enabled: false
}
}
}
}
},
tooltip: {
useHTML:true,
formatter: function () {
return '<b>' + this.point.name + '</b><br>Total Tuition: $' + Math.round(this.y/1000) + 'k<br>Bar Pass Rate: ' + this.x + '%';
}
},
series: [
{
name: 'passing_85',
marker: {
symbol: 'circle'
},
color: 'rgba(124, 181, 236, 0.85)',
data: [
{x:90.9,y:135532,name:'Boston College'},
{x:92.8,y:137142,name:'Boston University'},
{x:89.7,y:72950,name:'University of Connecticut'},
]
},
{
name: 'passing_75',
marker: {
symbol: 'circle'
},
color: 'rgba(252,186,63,1)',
data: [
{x:84.3,y:123758,name:'University of New Hampshire'},
{x:77,y:127542,name:'New England School of Law'},
{x:79.7,y:131958,name:'Northeastern University'},
{x:76,y:116852,name:'Roger Williams University'},
{x:75.8,y:135160,name:'Suffolk University'},
]
},
{
name: 'passing_60',
marker: {
symbol: 'circle'
},
color: 'rgba(255,19,0,.7)',
data: [
{x:73.1,y:121482,name:'Western New England University School of Law'},
{x:64.9,y:72534,name:'University of Massachusetts Dartmouth'},
]
},
]
});
});
$（文档）.ready（函数（）{
变量pre1、pre2；
$（'#tuionvbar'）。高图({
图表：{
键入：“散布”，
zoomType:'xy'，
身高：500，
活动：{
加载：函数（）{
var图表=此；
var dis_类；
$（图表系列）。每个（函数（i，系列）{
如果（“通过_85”==series.name）{
series.name=‘棒材合格率&ge；85%’；
}
如果（“通过_75”==序列名称）{
series.name=‘棒材合格率75%-84.9%’；
}
如果（“通过_60”==序列名称）{
series.name=‘棒材合格率60%-74.9%’；
}
如果（“传递_0”==series.name）{
series.name=‘棒材合格率60%’；
}
$（““+series.name+” ”）。单击（函数（）{
$（this.toggleClass（“linethrough”）；
series.visible？series.hide（）：series.show（）；
}).附录（“#图例”）；
});
}
}
},
标题：{
正文：“2014年毕业生支付的学费总额与通过率之比”
},
xAxis：{
标题：{
启用：对，
文字：“2014年酒吧通过率”
},
类型：'类别'，
startOnTick：错，
恩东蒂克：错，
时间间隔：1，
showLastLabel:true，
最高：100，
标签：{
格式化程序：函数（）{
如果（此值>0）{
返回此值。值+“%”；
}否则{
返回此.value；
}
}
},
},
亚克斯：{
标题：{
正文：“已支付的学费总额”
}，最小值：0，最大值：200000，
标签：{
格式化程序：函数（）{
返回“$”+Math.round（this.value/1000）+“k”；
}
},
endOnTick:错误
},
图例：{
启用：false，
布局：“垂直”，
背景颜色：（Highcharts.theme&&Highcharts.theme.legendBackgroundColor）| |'#FFFFFF'，
边框宽度：1
},
打印选项：{
散布：{
标记：{
半径：5，
国家：{
悬停：{
启用：对，
线条颜色：“rgb（100100）”
}
}
},
国家：{
悬停：{
标记：{
已启用：false
}
}
}
}
},
工具提示：{
是的，
格式化程序：函数（）{
返回“+this.point.name+”
总学费：$”+Math.round（this.y/1000）+“k
条通过率：“+this.x+”%；
}
},
系列：[
{
名称：'通过'u 85'，
标记：{
符号：“圆圈”
},
颜色：“rgba（1241812360.85）”，
数据：[
{x:90.9，y:135532，姓名：'Boston College'}，
{x:92.8，y:137142，姓名：'Boston University'}，
{x:89.7，y:72950，名字：'康涅狄格大学'，
]
},
{
名称：'passing_75'，
标记：{
符号：“圆圈”
},
颜色：“rgba（252186,63,1）”，
数据：[
{x:84.3，y:123758，姓名：'新罕布什尔大学'}，
{x:77，y:127542，名字：'新英格兰法学院'，
{x:79.7，y:131958，姓名：'东北大学'}，
{x:76，y:116852，姓名：'Roger Williams University'}，
{x:75.8，y:135160，姓名：'Suffolk University'}，
]
},
{
名称：“通过_60”，
标记：{
符号：“圆圈”
},
颜色：“rgba（255,19,0,7）”，
数据：[
{x:73.1，y:121482，姓名：'Western New England University School of Law'}，
{x:64.9，y:72534，姓名：'马萨诸塞州达特茅斯大学'}，
]
},
]
});
});