Esri / cedar

JavaScript Charts for ArcGIS
https://esri.github.io/cedar
257 stars 238 forks source link

Sparkline Support #472

Open MarkhamShofner opened 4 years ago

MarkhamShofner commented 4 years ago

Here is a custom definition that could be used, should cedar ever move to support sparklines. ... indicating values that were specific to my definition generation and don't need to be mirrored. Primarily lean on the 'type': 'line', and the 'overrides': portions.

    let definition = {
      'type': 'line',
      'datasets': ...,
      'series': [{
        'source': ...,
        'category': {
          'field': ...',
          'label': ...
        },
        'group': ..,
        'value': {
          'field': ...,
          'label': ...
        }
      }],
      'overrides': {
        'type': 'serial',
        'theme': 'calcite',
        'autoMargins': false,
        'marginLeft': 0,
        'marginRight': 3,
        'marginTop': 0,
        'marginBottom': 0,
        'graphs': [{
          'bullet': 'none',
          // 'lineColor': '#4c4c4c', // '#a9ec49'
        }],
        'valueAxes': [{
          'gridAlpha': 0,
          'axisAlpha': 0,
          'minimum': -1,
        }],
        'categoryAxis': {
          'gridAlpha': 0,
          'axisAlpha': 0,
          'startOnAxis': true,
        }
      },
      'legend': {},
      'style': {}
    };
    return definition;
  })
});

Which leads to a sparkline that looks like this https___zebra-dc_hubqa_arcgis_com_4200_dashboard_edit