用highcharts动态获取值,以及x轴值可以改变
来源:互联网 发布:linux网卡设置命令 编辑:程序博客网 时间:2024/06/07 04:50
<script type="text/javascript">
$(document).ready(function (){
var options = {
chart: {
renderTo: 'container',
defaultSeriesType: 'spline', //图表类型 line, spline, area, areaspline, column, bar, pie , column,scatter
inverted: false //左右显示,默认上下正向。假如设置为true,则横纵坐标调换位置
},
xAxis: {
categories:[],
title: {text: '时间'} //x轴坐标标题 labels:纵柱标尺
},
yAxis: {
title: {text: '点击量'}, //Y轴坐标标题 labels:纵柱标尺
min:0
},
tooltip: {
formatter: function() {
//当鼠标悬置数据点时的格式化提示
return '总人数:' + Highcharts.numberFormat(this.y, 1)+'人<br/>当前时间:'+ this.x ;
}
},
credits: {
enabled: false
},
plotOptions: {
column: {
pointPadding: 0.2, //图表柱形的
borderWidth: 0 //图表柱形的粗细
},bar: {
dataLabels: {
enabled: false
}
}
},
title: { text: '指定时间点击量统计图'}, //图表主标题
series:[]
};
$("#btn").click(function(){
$.post("/tgSpreadServlet",{page:"dayget",sdate:$("#sdate").val(),edate:$("#edate").val(),surl:$("#sUrl").val()},function(data){
var sd=$("#sdate").val();
var ed=$("#edate").val();
//计算相差天数
var datediff=DateDiff(sd, ed);
for(var i=0;i<datediff;i++){
var s=AddDays(sd,i);
options.xAxis.categories.push(s);
}
data=eval("("+data+")");
options.series.push(data);
var chart=new Highcharts.Chart(options);
});
});
});
</script>
- 用highcharts动态获取值,以及x轴值可以改变
- easyui和highcharts 动态加载数据和X轴数据
- highcharts 动态生成x轴和折线图
- highcharts如何动态获取数据
- MPAndroidChar X轴显示日期以及动态改变坐标点显示精度
- 如何设置highcharts没有X和Y轴且X轴无刻度值
- highcharts日期型X轴示例2-采用arryList输出categories和确定x值
- javascript获取url参数以及改变url参数值
- highcharts gauge 速度 仪表盘动态创建动态改变指针
- highcharts动态获取数据生成柱状图
- 关于highcharts动态获取数据做报表
- highcharts 隐藏x轴底线
- Highcharts X轴文字竖排
- Highcharts延x轴缩小
- Highcharts X轴文字竖排
- Highcharts 实现双X轴
- 控制Highcharts中x轴和y轴坐标值的刻度
- 控制Highcharts中x轴和y轴坐标值的密度
- Luncene工作原理
- c++中的string常用函数用法
- 如何成为一个编程高手
- poj2553--Tarjan
- .NET 中 操作excel 系列--copy功能.
- 用highcharts动态获取值,以及x轴值可以改变
- C/C++折半查找函数bsearch
- How to: Load Unmanaged Resources into a Byte Array
- GPGGA数据解析
- js保持div悬浮,不随页面向下滚动而被覆盖
- linux 系统博客
- 【DP】 hdu3237 Help Bubu
- Psiphon 3
- 数据库的部分成操作