当前位置: 首页>>代码示例>>TypeScript>>正文


TypeScript chroma-js.scale函数代码示例

本文整理汇总了TypeScript中chroma-js.scale函数的典型用法代码示例。如果您正苦于以下问题:TypeScript scale函数的具体用法?TypeScript scale怎么用?TypeScript scale使用的例子?那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。


在下文中一共展示了scale函数的3个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。

示例1: validateLineColors

export const getLineColorsHexes = (
  colors: Color[],
  numSeries: number
): string[] => {
  const validatedColors = validateLineColors(colors, numSeries) // ensures safe defaults
  const colorsHexArray = validatedColors.map(color => color.hex)

  if (numSeries === 1 || numSeries === 0) {
    return [colorsHexArray[0]]
  }
  if (numSeries === 2) {
    return [colorsHexArray[0], colorsHexArray[1]]
  }
  return chroma
    .scale(colorsHexArray)
    .mode('lch')
    .colors(numSeries)
}
开发者ID:sebito91,项目名称:influxdb,代码行数:18,代码来源:graphColorPalettes.ts

示例2: getScale

  getScale (params: Partial<ScaleParameters> = {}) {
    const p = createParams(params, this.parameters)

    if (p.scale === 'rainbow') {
      p.scale = [ 'red', 'orange', 'yellow', 'green', 'blue' ]
    } else if (p.scale === 'rwb') {
      p.scale = [ 'red', 'white', 'blue' ]
    }

    if (p.reverse) {
      p.domain.reverse()
    }
    return chroma
      .scale(p.scale as any)  // TODO
      .mode(p.mode)
      .domain(p.domain)
      .out('num' as any)  // TODO
  }
开发者ID:arose,项目名称:ngl,代码行数:18,代码来源:colormaker.ts

示例3: test_scale

function test_scale() {
    var f = chroma.scale();
    f(0.25);
    f(0.5);
    f(0.75);
    chroma.scale(['yellow', '008ae5']);
    chroma.scale(['yellow', 'red', 'black']);
    // default domain is [0,1]
    chroma.scale(['yellow', '008ae5']);
    // set domain to [0,100]
    chroma.scale(['yellow', '008ae5']).domain([0, 100]);
    // default domain is [0,1]
    chroma.scale(['yellow', 'lightgreen', '008ae5'])
        .domain([0, 0.25, 1]);
    chroma.scale(['yellow', '008ae5']);
    chroma.scale(['yellow', 'navy']);
    chroma.scale(['yellow', 'navy']).mode('lab');
    chroma.scale(['yellow', 'navy']).mode('lab');
    chroma.scale(['yellow', 'navy']).mode('hsl');
    chroma.scale(['yellow', 'navy']).mode('lch');
    chroma.scale('YlGnBu');
    chroma.scale('Spectral');
    chroma.scale('Spectral').domain([1, 0]);
    chroma.brewer.OrRd;
    chroma.scale(['yellow', '008ae5']).mode('lch');

    chroma.scale(['yellow', '008ae5'])
        .mode('lch')
        .correctLightness();
    // linear interpolation
    chroma.scale(['yellow', 'red', 'black']);
    // bezier interpolation
    chroma.bezier(['yellow', 'red', 'black']);
    // convert bezier interpolator into chroma.scale
    chroma.bezier(['yellow', 'red', 'black'])
        .scale().colors(5);
    // use the default helix...
    chroma.cubehelix();
    // or customize it
    chroma.cubehelix()
        .start(200)
        .rotations(-0.5)
        .gamma(0.8)
        .lightness([0.3, 0.8]);

    chroma.cubehelix()
        .start(200)
        .rotations(-0.35)
        .gamma(0.7)
        .lightness([0.3, 0.8])
        .scale() // convert to chroma.scale
        .correctLightness()
        .colors(5);

    chroma.scale('RdYlBu');
    chroma.scale('RdYlBu').padding(0.15);

    chroma.scale('OrRd');
    chroma.scale('OrRd').padding([0.2, 0]);

    chroma.scale('OrRd').classes(5);
    chroma.scale('OrRd').classes(8);

    myChroma.cubehelix()
        .start(200)
        .rotations(-0.35)
        .gamma(0.7)
        .lightness([0.3, 0.8])
        .scale() // convert to chroma.scale

        .correctLightness()
        .colors(5);

    myChroma.scale('RdYlBu');
    myChroma.scale('RdYlBu').padding(0.15);
}
开发者ID:ArtemZag,项目名称:DefinitelyTyped,代码行数:76,代码来源:chroma-js-tests.ts


注:本文中的chroma-js.scale函数示例由纯净天空整理自Github/MSDocs等开源代码及文档管理平台,相关代码片段筛选自各路编程大神贡献的开源项目,源码版权归原作者所有,传播和使用请参考对应项目的License;未经允许,请勿转载。