WebContent/resource/web/js/charts.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

jQuery.noConflict();

jQuery(function($) {

  function showTooltip(title, x, y, contents) {
    $('<div id="tooltip" class="chart-tooltip"><div class="date">' + title + '<\/div><div class="percentage">Percent: <span>' + x / 10 + '%<\/span><\/div><div class="visits">Visitors: <span>' + x * 12 + '<\/span><\/div><\/div>').css({
        position: 'absolute',
        display: 'none',
        top: y - 117,
        left: x - 91,
        'background-color': '#fff',
        border: '1px solid #5c5c5c'
    }).appendTo("body").fadeIn(200);
    }

  var d1 = [4.3, 5.1, 4.3, 5.2, 5.4, 4.7, 3.5, 4.1, 5.6, 7.4, 6.9, 7.1,
    7.9, 7.9, 7.5, 6.7, 7.7, 7.7, 7.4, 7.0, 7.1, 5.8, 5.9, 7.4,
    8.2, 8.5, 9.4, 8.1, 10.9, 10.4, 10.9, 12.4, 12.1, 9.5, 7.5,
    7.1, 7.5, 8.1, 6.8, 3.4, 2.1, 1.9, 2.8, 2.9, 1.3, 4.4, 4.2,
    3.0, 3.0], 

  d2 = [0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.1, 0.0, 0.3, 0.0,
      0.0, 0.4, 0.0, 0.1, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0,
      0.0, 0.6, 1.2, 1.7, 0.7, 2.9, 4.1, 2.6, 3.7, 3.9, 1.7, 2.3,
      3.0, 3.3, 4.8, 5.0, 4.8, 5.0, 3.2, 2.0, 0.9, 0.4, 0.3, 0.5, 0.4], 

  options = {
    series: {
        lines: { 
            show: true, 
            fill: true, 
            lineWidth: 2, 
            steps: false, 
            fillColor: { colors: [{opacity: 0.25}, {opacity: 0}] } 
        },
        points: { 
            show: true, 
            radius: 4, 
            fill: true,
            lineWidth: 1.5
        }
      }, 
      tooltip: true, 
      tooltipOpts: {
          content: '%s: %y'
      }, 
      xaxis: {  mode: "time" , minTickSize: [1, "hour"]
        }, 
      grid: { borderWidth: 0, hoverable: true },
      legend: {
          show: false
    }
  };

  var dt1 = [], dt2 = [], st = new Date(2009, 9, 6).getTime();

  for( var i = 0; i < d2.length; i++ )
  {
      dt1.push([st + i * 3600000, parseFloat( (d1[i]).toFixed( 3 ) )]);
      dt2.push([st + i * 3600000, parseFloat( (d2[i]).toFixed( 3 ) )]);