@gitlab/ui/dist/components/charts/heatmap/examples/heatmap.hourly.example.js

GitLab UI Components

import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';

var script = {
  data() {
    return {
      series: (() => {
        const hours = 24;
        const days = 7;
        const res = [];

        for (let x = 0; x < hours; x += 1) {
          for (let y = 0; y < days; y += 1) {
            let val = Math.random() * 10;

            if (Math.random() > 0.7) {
              val = '-';
            }

            res.push([x, y, val]);
          }
        }

        return res;
      })(),
      xAxisLabels: ['12', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11'],
      yAxisLabels: ['Sat', 'Fri', 'Thu', 'Wed', 'Tue', 'Mon', 'Sun'],
      xAxisName: 'Hour',
      yAxisName: 'Day'
    };
  }

};

/* script */
const __vue_script__ = script;

/* template */
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-heatmap',{attrs:{"data-series":_vm.series,"x-axis-labels":_vm.xAxisLabels,"y-axis-labels":_vm.yAxisLabels,"x-axis-name":_vm.xAxisName,"y-axis-name":_vm.yAxisName}})};
var __vue_staticRenderFns__ = [];

  /* style */
  const __vue_inject_styles__ = undefined;
  /* scoped */
  const __vue_scope_id__ = undefined;
  /* module identifier */
  const __vue_module_identifier__ = undefined;
  /* functional template */
  const __vue_is_functional_template__ = false;
  /* style inject */
  
  /* style inject SSR */
  
  /* style inject shadow dom */
  

  
  const __vue_component__ = __vue_normalize__(
    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
    __vue_inject_styles__,
    __vue_script__,
    __vue_scope_id__,
    __vue_is_functional_template__,
    __vue_module_identifier__,
    false,
    undefined,
    undefined,
    undefined
  );

export default __vue_component__;