chrome/browser/resources/chromeos/sys_internals/line_chart/constants.js

// Copyright 2017 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.


/** @const */ var LineChart = {};

/**
 * The left, right and top margin of the line chart, in pixels.
 * @const {number}
 */
LineChart.CHART_MARGIN = 10;

/**
 * The default scale of the line chart. The scale means how many milliseconds
 * per pixel.
 * @const {number}
 */
LineChart.DEFAULT_SCALE = 100;


/**
 * The minimun scale of the line chart.
 * @const {number}
 */
LineChart.MIN_SCALE = 10;

/**
 * The maximum scale of the line chart.
 * @const {number}
 */
LineChart.MAX_SCALE = 1000 * 60 * 3;

/**
 * The maximum number of the left and right unit label, in pixels.
 * @const {number}
 */
LineChart.MAX_VERTICAL_LABEL_NUM = 6;

/**
 * The minimum vertical spacing between two text label of the left and right
 * unit labels, in pixels.
 * @const {number}
 */
LineChart.MIN_LABEL_VERTICAL_SPACING = 4;

/**
 * The minimum horizontal spacing from the line chart to the left and right unit
 * labels, in pixels.
 * @const {number}
 */
LineChart.MIN_LABEL_HORIZONTAL_SPACING = 3;

/**
 * The minimum horizontal spacing between two time tick labels, in pixels.
 * @const {number}
 */
LineChart.MIN_TIME_LABEL_HORIZONTAL_SPACING = 25;

/**
 * The tick length of the unit tick, in pixels.
 * @const {number}
 */
LineChart.Y_AXIS_TICK_LENGTH = 20;

/**
 * How far does the mouse wheeling to be counted as 1 unit.
 * @const {number}
 */
LineChart.MOUSE_WHEEL_UNITS = 120;

/**
 * How far does the finger zooming to be counted as 1 unit, in pixels.
 * @const {number}
 */
LineChart.TOUCH_ZOOM_UNITS = 60;

/**
 * The zooming rate of the line chart.
 * @const {number}
 */
LineChart.ZOOM_RATE = 1.25;

/**
 * The mouse whell scrolling rate (For horizontal scroll), in pixels.
 * @const {number}
 */
LineChart.MOUSE_WHEEL_SCROLL_RATE = 120;

/**
 * The drag rate, how many pixels will we move when user drag 1 pixel. Drag rate
 * is for both mouse dragging or touch dragging.
 * @const {number}
 */
LineChart.DRAG_RATE = 3;

/**
 * The set of time step, in milliseconds. Line chart will choose a suitable one
 * from this list. The minimum and the maximum scale make sure that we can pick
 * up a unit from the list.
 * @const {Array<number>}
 */
LineChart.TIME_STEP_UNITS = [
  1000,  // 1 second
  1000 * 5,
  1000 * 30,
  1000 * 60,  // 1 minute
  1000 * 60 * 5,
  1000 * 60 * 30,
  1000 * 60 * 60,  // 1 hour
  1000 * 60 * 60 * 5,
  1000 * 60 * 60 * 10,
];

/**
 * The sample rate of the line chart, in pixels. To reduce the cpu usage, we
 * only draw data points at the position which are exact multiple of this value.
 * @const {number}
 */
LineChart.SAMPLE_RATE = 15;

/**
 * The text color of the line chart.
 * @const {string}
 */
LineChart.TEXT_COLOR = '#000';

/**
 * The grid color of the line chart.
 * @const {string}
 */
LineChart.GRID_COLOR = '#888';

/**
 * The background color of the line chart.
 * @const {string}
 */
LineChart.BACKGROUND_COLOR = '#e3e3e3';

/**
 * The color of the menu button.
 * @const {string}
 */
LineChart.MENU_TEXT_COLOR_LIGHT = '#e9e9e9';

/** @const{string} */
LineChart.MENU_TEXT_COLOR_DARK = '#333';

/**
 * The enum of the align of label.
 * @enum {number}
 */
LineChart.UnitLabelAlign = {
  LEFT: 0,
  RIGHT: 1
};