neiyou_user_web/public/assets/examples/js/charts/sparkline.js

(function (global, factory) {
  if (typeof define === "function" && define.amd) {
    define("/charts/sparkline", ["jquery", "Site"], factory);
  } else if (typeof exports !== "undefined") {
    factory(require("jquery"), require("Site"));
  } else {
    var mod = {
      exports: {}
    };
    factory(global.jQuery, global.Site);
    global.chartsSparkline = mod.exports;
  }
})(this, function (_jquery, _Site) {
  "use strict";

  _jquery = babelHelpers.interopRequireDefault(_jquery);
  (0, _jquery.default)(document).ready(function ($$$1) {
    (0, _Site.run)();
  }); // Sparkline Basic
  // ---------------
  // Pie Chart

  (0, _jquery.default)(".sparkline-pie-chart").sparkline([4, 2, 6], {
    type: 'pie',
    height: '162px',
    sliceColors: [Config.colors("primary", 500), Config.colors("primary", 700), Config.colors("primary", 600)]
  }); // line chart

  (0, _jquery.default)(".sparkline-line-chart").sparkline([1, 3, 4, 2, 3, 6, 5, 3], {
    type: 'line',
    height: '162px',
    width: '200px',
    normalRangeMin: 0,
    spotRadius: 2,
    spotColor: Config.colors("red", 600),
    highlightSpotColor: Config.colors("red", 700),
    lineColor: Config.colors("red", 500),
    highlightLineColor: Config.colors("red", 500),
    fillColor: Config.colors("red", 100)
  }); // bar chart

  (0, _jquery.default)(".sparkline-bar-chart").sparkline([4, 7, 3, 2, 5, 6, 8, 5, 4, 8], {
    type: 'bar',
    height: '162px',
    barWidth: 10,
    barSpacing: 6,
    barColor: Config.colors("primary", 500),
    negBarColor: Config.colors("primary", 600)
  }); // composite bar chart

  (0, _jquery.default)('.sparkline-compositebar-chart').sparkline('html', {
    type: 'bar',
    height: '162px',
    barWidth: 10,
    barSpacing: 5,
    barColor: Config.colors("blue-grey", 300)
  });
  (0, _jquery.default)('.sparkline-compositebar-chart').sparkline([4, 5, 6, 6, 5, 5, 3, 6, 4, 2], {
    composite: true,
    fillColor: false,
    lineColor: Config.colors("purple", 400)
  });
  (0, _jquery.default)('.sparkline-compositebar-chart').sparkline([1, 4, 5, 2, 3, 5, 6, 1, 3, 6], {
    composite: true,
    fillColor: false,
    lineColor: Config.colors("red", 400)
  }); // Sparkline Types
  // ---------------
  // Line charts taking their values from the tag

  (0, _jquery.default)('.sparkline-line').sparkline('html', {
    height: '32px',
    width: '150px',
    lineColor: Config.colors("red", 600),
    fillColor: Config.colors("red", 100)
  }); // Bar charts using inline values

  (0, _jquery.default)('.sparkline-bar').sparkline('html', {
    type: 'bar',
    height: '32px',
    barWidth: 10,
    barSpacing: 5,
    barColor: Config.colors("primary", 500),
    negBarColor: Config.colors("red", 500),
    stackedBarColor: [Config.colors("primary", 500), Config.colors("red", 500)]
  }); // Composite line charts, the second using values supplied via javascript

  (0, _jquery.default)('.sparkline-compositeline').sparkline('html', {
    height: '32px',
    width: '150px',
    fillColor: false,
    lineColor: Config.colors("primary", 500),
    spotColor: Config.colors("green", 500),
    minSpotColor: Config.colors("primary", 500),
    maxSpotColor: Config.colors("green", 500),
    changeRangeMin: 0,
    chartRangeMax: 10
  });
  (0, _jquery.default)('.sparkline-compositeline').sparkline([4, 1, 5, 7, 9, 8, 7, 6, 6, 4, 7, 8, 4, 3, 2, 5, 6, 7], {
    composite: true,
    fillColor: false,
    height: '32px',
    width: '150px',
    lineColor: Config.colors("red", 500),
    spotColor: Config.colors("green", 500),
    minSpotColor: Config.colors("primary", 500),
    maxSpotColor: Config.colors("green", 500),
    changeRangeMin: 0,
    chartRangeMax: 10
  }); // Line charts with normal range marker

  (0, _jquery.default)('.sparkline-normalline').sparkline('html', {
    fillColor: false,
    height: '32px',
    width: '150px',
    lineColor: Config.colors("red", 600),
    spotColor: Config.colors("primary", 500),
    minSpotColor: Config.colors("primary", 500),
    maxSpotColor: Config.colors("primary", 500),
    normalRangeColor: Config.colors("blue-grey", 300),
    normalRangeMin: -1,
    normalRangeMax: 8
  }); // Bar + line composite charts

  (0, _jquery.default)('.sparkline-compositebar').sparkline('html', {
    type: 'bar',
    height: '32px',
    barWidth: 10,
    barSpacing: 5,
    barColor: Config.colors("primary", 500)
  });
  (0, _jquery.default)('.sparkline-compositebar').sparkline([4, 1, 5, 7, 9, 9, 8, 7, 6, 6, 4, 7, 8, 4, 3, 2, 2, 5, 6, 7], {
    composite: true,
    fillColor: false,
    lineColor: Config.colors("red", 600),
    spotColor: Config.colors("primary", 500)
  }); // Discrete charts

  (0, _jquery.default)('.sparkline-discrete1').sparkline('html', {
    type: 'discrete',
    height: '32px',
    lineColor: Config.colors("primary", 500),
    xwidth: 36
  });
  (0, _jquery.default)('.sparkline-discrete2').sparkline('html', {
    type: 'discrete',
    height: '32px',
    lineColor: Config.colors("primary", 500),
    thresholdColor: Config.colors("red", 600),
    thresholdValue: 4
  }); // Bullet charts

  (0, _jquery.default)('.sparkline-bullet').sparkline('html', {
    type: 'bullet',
    targetColor: Config.colors("red", 500),
    targetWidth: '2',
    performanceColor: Config.colors("primary", 600),
    rangeColors: [Config.colors("primary", 100), Config.colors("primary", 200), Config.colors("primary", 400)]
  }); // Customized line chart

  (0, _jquery.default)('.sparkline-linecustom').sparkline('html', {
    height: '32px',
    width: '150px',
    lineColor: Config.colors("red", 400),
    fillColor: Config.colors("blue-grey", 300),
    minSpotColor: false,
    maxSpotColor: false,
    spotColor: Config.colors("green", 500),
    spotRadius: 2
  }); // Tri-state charts using inline values

  (0, _jquery.default)('.sparkline-tristate').sparkline('html', {
    type: 'tristate',
    height: '32px',
    barWidth: 10,
    barSpacing: 5,
    posBarColor: Config.colors("primary", 500),
    negBarColor: Config.colors("blue-grey", 300),
    zeroBarColor: Config.colors("red", 500)
  });
  (0, _jquery.default)('.sparkline-tristatecols').sparkline('html', {
    type: 'tristate',
    height: '32px',
    barWidth: 10,
    barSpacing: 5,
    posBarColor: Config.colors("primary", 500),
    negBarColor: Config.colors("blue-grey", 300),
    zeroBarColor: Config.colors("red", 500),
    colorMap: {
      '-4': Config.colors("red", 700),
      '-2': Config.colors("primary", 600),
      '2': Config.colors("blue-grey", 400)
    }
  }); // Box plots

  (0, _jquery.default)('.sparkline-boxplot').sparkline('html', {
    type: 'box',
    height: '20px',
    width: '68px',
    lineColor: Config.colors("primary", 700),
    boxLineColor: Config.colors("primary", 400),
    boxFillColor: Config.colors("primary", 400),
    whiskerColor: Config.colors("blue-grey", 500),
    // outlierLineColor: Config.colors("blue-grey", 300),
    // outlierFillColor: false,
    medianColor: Config.colors("red", 500) // targetColor: Config.colors("green", 500)

  }); // Box plots raw

  (0, _jquery.default)('.sparkline-boxplotraw').sparkline([1, 3, 5, 8, 10, 15, 18], {
    type: 'box',
    height: '20px',
    width: '78px',
    raw: true,
    showOutliers: true,
    target: 6,
    lineColor: Config.colors("primary", 700),
    boxLineColor: Config.colors("primary", 400),
    boxFillColor: Config.colors("primary", 400),
    whiskerColor: Config.colors("blue-grey", 500),
    outlierLineColor: Config.colors("blue-grey", 300),
    outlierFillColor: Config.colors("blue-grey", 100),
    medianColor: Config.colors("red", 500),
    targetColor: Config.colors("green", 500)
  }); // Pie charts

  (0, _jquery.default)('.sparkline-pie').sparkline('html', {
    type: 'pie',
    height: '30px',
    sliceColors: [Config.colors("primary", 500), Config.colors("primary", 700), Config.colors("primary", 600)]
  });
  (0, _jquery.default)('.sparkline-pie-1').sparkline('html', {
    type: 'pie',
    height: '30px',
    sliceColors: [Config.colors("primary", 500), Config.colors("blue-grey", 300)]
  });
});