zoukankan      html  css  js  c++  java
  • HighCharts基本用法

    var options={
    chart: {type: 'column',renderTo: 'ChartDesigner1'},//type :图表类型(柱状图,饼状图),renderTo :指向页面的div容器或图表控件
    title: {text: '企业检验提交次数统计'}, //标题
    subtitle:{text: ''},//子标题
    credits: {enabled: false},//底部版权不显示
    exporting:{enabled:false},//右上角导出图标不显示
    tooltip: {},//鼠标移上去显示信息
    xAxis: {categories: []},//X轴显示的数据
    yAxis: { 

    min: 0,       //Y轴最小值
    title: {text: ''}    //Y轴单位信息 比如 分钟,秒,公里/小时
    },
    plotOptions: {
    column: {
    pointPadding: 0.1,
    borderWidth: 0
    }
    },
    legend: { //图例信息
    layout: 'vertical', //水平对齐
    align: 'right',     //右侧显示
    verticalAlign: 'middle', //居中
    },
    series: [] //Y轴数据集合(数组类型)

    }

    //异步获取数据 返回 JSON串,动态给xAxis.categories和series动态赋值  值得注意的是:结果集必须是数组即用 push()方法赋值。

    var $dataServiceProxy = this.context.injector.get('$dataServiceProxy');
    $dataServiceProxy.invokeMethod(
    "Genersoft.BA.Xbrl.XbrlReportView.ViewBIXPCompanyAndXbrl",
    "selectJsonCompanyChart",
    [NM],
    $.proxy(function(result) {
    var jsonData = eval("(" + result + ")");
    for(var i=0,len=jsonData.length;i<len;i++){
    var str0=jsonData[i].VALUES;
    if(i==0){
    var strXs=str0.split(',');
    $.each(strXs, function(strXNo, strX) {
      options.xAxis.categories.push(strX);
    });
    }else{
    var series = {
    data: []
    };
    var strYs=str0.split(',');
    $.each(strYs, function(strYNo, strY) {
    if(strYNo==0){
      series.name=jsonData[i].NAME; //图例信息
    }
      series.data.push(parseFloat(strY));//每个分类信息(X轴要显示的信息)
    });
    options.series.push(series);//把数组信息 赋值给 series对象中
    }
    }
    var chart = new Highcharts.Chart(options);//页面动态赋值后,再次初始化后,图表才会显示出来。
    }, this),
    $.proxy(function(error) {
    $.notify.error("加载图表数据失败!");
    },
    this)
    );
    var chart = new Highcharts.Chart(options);//页面加载时第一次初始化

  • 相关阅读:
    ASP.NET MVC3实现无刷新验证码
    关闭数据库的xp_cmdshell命令以防止黑客攻击
    C#实现100万条数据导入SQL SERVER数据库仅用4秒 (附源码)
    asp.net防止刷新时重复提交介绍
    SQL Server数据库开发中的十大问题
    C#实现WebQQ密码MD5加密算法
    JavaSE基础篇
    Jekins安装与配置(基于majaro)
    Jochen的golang小抄基础篇章二
    JavaSE之面向对象
  • 原文地址:https://www.cnblogs.com/wangyuru/p/3712365.html
Copyright © 2011-2022 走看看