zoukankan      html  css  js  c++  java
  • Highcharts动态获取值

    <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);
                  });
                });
                          
            });

     </cript>

  • 相关阅读:
    PyTorch学习笔记7--案例3:基于CNN的CIFAR10数据集的图像分类
    [转载]使用 Pandoc 与 Markdown 生成 PDF 文件
    [转载]论文笔记:目标检测算法(R-CNN,Fast R-CNN,Faster R-CNN,FPN,YOLOv1-v3)
    [转载]论文笔记:CNN经典结构2(WideResNet,FractalNet,DenseNet,ResNeXt,DPN,SENet)
    [转载]论文笔记:CNN经典结构1(AlexNet,ZFNet,OverFeat,VGG,GoogleNet,ResNet)
    [转载]ImageNet历年冠军和相关CNN模型
    神经网络模型Tricks归纳
    Python生成windows可执行的exe文件
    如何让chrome浏览器自动打开Adobe Flash Player?
    PyTorch学习笔记6--案例2:PyTorch神经网络(MNIST CNN)
  • 原文地址:https://www.cnblogs.com/nickhan/p/4221791.html
Copyright © 2011-2022 走看看