十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
你好~~
成都创新互联专注于隆阳网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供隆阳营销型网站建设,隆阳网站制作、隆阳网页设计、隆阳网站官网定制、微信小程序开发服务,打造隆阳网络公司原创品牌,更为您提供隆阳网站排名全网营销落地服务。
将 xFormat = d3.time.format('%A'),
改为:
xFormat = d3.time.format('%d'),
应该就可以了~~
js转换百分数为int或者浮点类型;
var str='12%';
var num=str.replace(/([0-9.]+)%/, function (a, b) {return +b / 100;});
window.alert(num);
当我们使用highcharts做这样的图是不是很老火,其实开始我感觉很麻烦。但是官网上有demo,虽然只有很小一部分。基本百度一下就可以找到加入曲线。其实就是
serese
的数据,只是加入type属性就更改成你想要的。下面那个table你可以使用table加入jquery实现就ok了
$(function
()
{
$('#container').highcharts({
chart:
{
type:
'column'
},
title:
{
text:
'Stacked
column
chart'
},
xAxis:
{
gridLineWidth:1,
plotOptions:
{
column:
{
pointPadding:
0.2,
pointWidth:
30
//柱子的宽度30px
}
},
//tickPixelInterval:100,
categories:
['Apples',
'Oranges',
'Pears',
'Grapes',
'Bananas']
},
yAxis:
{
tickPositions:
[0,
100,
200,
300,
400,500],//设置刻度
min:
0,
title:
{
text:
'Total
fruit
consumption'
},
stackLabels:
{
enabled:
true,
style:
{
fontWeight:
'bold',
color:
(Highcharts.theme
Highcharts.theme.textColor)
||
'gray'
}
}
},
legend:
{
align:
'right',
x:
-100,
verticalAlign:
'top',
y:
20,
floating:
true,
backgroundColor:
(Highcharts.theme
Highcharts.theme.legendBackgroundColorSolid)
||
'white',
borderColor:
'#CCC',
borderWidth:
1,
shadow:
false
},
tooltip:
{
formatter:
function()
{
return
'b'+
this.x
+'/bbr/'+
this.series.name
+':
'+
this.y
+'br/'+
'Total:
'+
this.point.stackTotal;
}
},
plotOptions:
{
column:
{
stacking:
'normal',
pointWidth:
30
,
//柱子的宽度30px
dataLabels:
{
enabled:
true,
color:
(Highcharts.theme
Highcharts.theme.dataLabelsColor)
||
'white'
}
}
},
series:
[{
color:'#F2BE20',
name:
'John',
data:
[50,
30,
40,
70,
20]
},
{
color:'#F8FB23',
name:
'Jane',
data:
[20,
20,
30,
20,
10]
},
{
color:'#E9070B',
name:
'Joe',
data:
[30,
40,
40,
20,
50]
},{type:
'line',
name:
'John',
data:[{
name:
'John',
y:
50
},
{
name:
'John',
y:
30
},
{
name:
'John',
y:
40
},{
name:
'John',
y:
70
},{
name:
'John',
y:
20
}
]},
{type:
'line',
name:
'Joe',
data:[{
name:
'Joe',
y:
30
},
{
name:
'Joe',
y:
40
},
{
name:
'Joe',
y:
40
},{
name:
'Joe',
y:
20
},{
name:
'Joe',
y:
50
}
]},
{type:
'line',
name:
'Jane',
data:[{
name:
'Jane',
y:
20
},
{
name:
'Jane',
y:
20
},
{
name:
'Jane',
y:
30
},{
name:
'Jane',
y:
20
},{
name:
'Jane',
y:
10
}
]}
]
});
});
/script
在jquery里可以直接用isNaN(),因为他是JavaScript的类库。是由JavaScript语言写的。
例如:
script type="text/javascript"
$(document).ready(function(){
alert(isNaN($('#id').val()));
});
/script可以直接使用