文件操作 - color_scale.ts

文件: /usr/share/grafana/public/app/plugins/panel/heatmap/color_scale.ts

编辑文件内容

import * as d3 from 'd3';
import * as d3ScaleChromatic from 'd3-scale-chromatic';

export function getColorScale(colorScheme: any, lightTheme: boolean, maxValue: number, minValue = 0): (d: any) => any {
  //@ts-ignore
  const colorInterpolator = d3ScaleChromatic[colorScheme.value];
  const colorScaleInverted = colorScheme.invert === 'always' || colorScheme.invert === (lightTheme ? 'light' : 'dark');

const start = colorScaleInverted ? maxValue : minValue;
  const end = colorScaleInverted ? minValue : maxValue;

return d3.scaleSequential(colorInterpolator).domain([start, end]);
}

export function getOpacityScale(
  options: { cardColor?: null; colorScale?: any; exponent?: any },
  maxValue: number,
  minValue = 0
): any {
  let legendOpacityScale;
  if (options.colorScale === 'linear') {
    legendOpacityScale = d3
      .scaleLinear()
      .domain([minValue, maxValue])
      .range([0, 1]);
  } else if (options.colorScale === 'sqrt') {
    legendOpacityScale = d3
      .scalePow()
      .exponent(options.exponent)
      .domain([minValue, maxValue])
      .range([0, 1]);
  }
  return legendOpacityScale;
}

文件操作 - color_scale.ts

文件: /usr/share/grafana/public/app/plugins/panel/heatmap/color_scale.ts

编辑文件内容

修改文件时间

删除文件