# all files / candela/components/ScatterPlot/ index.js

97.83% Statements 45/46
100% Branches 33/33
90% Functions 9/10
83.33% Lines 5/6
10 statements, 3 functions, 18 branches Ignored

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    811×
    1×
    1×

    1×

     import VisComponent from '../../VisComponent';
    import VegaChart from '../../VisComponent/mixin/VegaChart';
    import spec from './spec.json';

    export default class ScatterPlot extends VegaChart(VisComponent, spec) {
      static get options () {
        return [
          {
            name: 'data',
            type: 'table',
            format: 'objectlist'
          },
          {
            name: 'x',
            type: 'string',
            format: 'text',
            domain: {
              mode: 'field',
              from: 'data',
              fieldTypes: ['date', 'number', 'integer', 'boolean']
            }
          },
          {
            name: 'y',
            type: 'string',
            format: 'text',
            domain: {
              mode: 'field',
              from: 'data',
              fieldTypes: ['date', 'number', 'integer', 'boolean']
            }
          },
          {
            name: 'size',
            type: 'string',
            format: 'text',
            optional: true,
            domain: {
              mode: 'field',
              from: 'data',
              fieldTypes: ['number', 'integer', 'boolean']
            }
          },
          {
            name: 'shape',
            type: 'string',
            format: 'text',
            optional: true,
            domain: {
              mode: 'field',
              from: 'data',
              fieldTypes: ['string', 'date', 'number', 'integer', 'boolean']
            }
          },
          {
            name: 'color',
            type: 'string',
            format: 'text',
            optional: true,
            domain: {
              mode: 'field',
              from: 'data',
              fieldTypes: ['string', 'date', 'number', 'integer', 'boolean']
            }
          },
          {
            name: 'hover',
            type: 'string_list',
            format: 'string_list',
            optional: true,
            domain: {
              mode: 'field',
              from: 'data',
              fieldTypes: ['string', 'date', 'number', 'integer', 'boolean']
            }
          }
        ];
      }
    }