qlik-oss/sn-scatter-plot

Similar blocks of code found in 3 locations. Consider refactoring.

Open

      title: {
        getStyle: () => ({
          fontFamily: overrides('legend')?.legend?.title?.fontFamily ?? styles.legend.title.fontFamily,
          fontSize: overrides('legend')?.legend?.title?.fontSize ?? styles.legend.title.fontSize,
          color: overrides('legend')?.legend?.title?.color?.color ?? styles.legend.title.color,

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

      title: {
        getStyle: () => ({
          fontFamily: overrides('axis')?.axis?.title?.fontFamily ?? styles.axis.title.fontFamily,
          fontSize: overrides('axis')?.axis?.title?.fontSize ?? styles.axis.title.fontSize,
          color: overrides('axis')?.axis?.title?.color?.color ?? styles.axis.title.color,

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

      label: {
        getStyle: () => ({
          fontFamily: overrides('legend')?.legend?.label?.fontFamily ?? styles.legend.label.fontFamily,
          fontSize: overrides('legend')?.legend?.label?.fontSize ?? styles.legend.label.fontSize,
          color: overrides('legend')?.legend?.label?.color?.color ?? styles.legend.label.color,

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

      test('Select by point ', async () => {
        const renderUrl = await route.renderFixture('scatter_render_tooltip.fix.js');
        // Open page in Nebula which renders fixture
        // render svg added to the fix.js
        const browser = await chromium.launch();

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

      test('Select bin ', async () => {
        const renderUrl = await route.renderFixture('scatter_render_binned_snapshot_tooltip.fix.js');
        // Open page in Nebula which renders fixture
        // render svg added to the fix.js
        const browser = await chromium.launch();

• Read up
  Read up

File index.js has 356 lines of code (exceeds 250 allowed). Consider refactoring.

Open

/* eslint-disable no-param-reassign */
import extend from 'extend';
import KEYS from '../../constants/keys';
import NUMBERS from '../../constants/numbers';
import createViewHandler from '../../view-handler';

Similar blocks of code found in 2 locations. Consider refactoring.

Open

export default function getPointXLineDistance(p, p1, p2) {
  const dx2 = (p.x - p1.x) ** 2;
  if (p2.y < p.y) {
    return (p2.y - p.y) ** 2 + dx2;
  }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

export default function getPointYLineDistance(p, p1, p2) {
  const dy2 = (p.y - p1.y) ** 2;
  if (p2.x < p.x) {
    return (p2.x - p.x) ** 2 + dy2;
  }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

export default function getPointRectXDistance(p, rect) {
  const { x1, x2, y1, y2 } = rect;
  const closestY = Math.abs(y1 - p.y) < Math.abs(y2 - p.y) ? y1 : y2;

  return getPointYLineDistance(p, { x: x1, y: closestY }, { x: x2, y: closestY });

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

export default function getPointRectXDistance(p, rect) {
  const { x1, x2, y1, y2 } = rect;
  const closestX = Math.abs(x1 - p.x) < Math.abs(x2 - p.x) ? x1 : x2;

  return getPointXLineDistance(p, { x: closestX, y: y1 }, { x: closestX, y: y2 });

• Read up
  Read up

File utils.js has 329 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import rtlUtils from '../utils/rtl-utils';
import TOOLTIP from './constants';
import customTooltipPromises from './promises';
import tooltipChart from './chart/index';

Function createExtremumModel has 123 lines of code (exceeds 60 allowed). Consider refactoring.

Open

export default function createExtremumModel(layoutService, viewStateOptions = {}) {
  function resolveExtrema(scaleName) {
    // Choose between data min/max and explicit min/max. Explicit values have higher priority
    const measurePath = scaleName === KEYS.SCALE.X ? 'qMeasureInfo.0' : 'qMeasureInfo.1';
    const measureIndex = scaleName === KEYS.SCALE.X ? 0 : 1;

Function render has 113 lines of code (exceeds 60 allowed). Consider refactoring.

Open

    render() {
      const { titleData, popover, translator, disabled, isDimension, padding, minWidth, hasAlternative } = this.props;
      const textStyle = {
        flex: '1 1 auto',
        overflow: 'hidden',

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    const rects1 =
      mode === 2 || !debugMode
        ? []
        : topLabels.map((node) => ({
            type: 'rect',

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    const rects2 =
      mode === 2 || !debugMode
        ? []
        : bottomLabels.map((node) => ({
            type: 'rect',

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

      this.area = chart
        .componentsFromPoint({ x: e.center.x, y: e.center.y })
        .filter((c) => c.key === KEYS.COMPONENT.POINT || c.key === KEYS.COMPONENT.HEAT_MAP);

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

      this.area = chart
        .componentsFromPoint({ x: e.center.x, y: e.center.y })
        .filter((c) => c.key === KEYS.COMPONENT.POINT || c.key === KEYS.COMPONENT.HEAT_MAP);

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    const labels1 = topLabels.map((node) => ({
      type: 'text',
      text: node.ellipsed,
      x: node.cx,
      y: node.topRect.y2,

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    const labels2 = bottomLabels.map((node) => ({
      type: 'text',
      text: node.ellipsed,
      x: node.cx,
      y: node.bottomRect.y1,

• Read up
  Read up

Function exploreDefinition has 102 lines of code (exceeds 60 allowed). Consider refactoring.

Open

export default function exploreDefinition() {
  return {
    type: 'items',
    component: 'accordion',
    items: {