test multiple time periods

.env.development

@@ -1,2 +1,2 @@
-VUE_APP_ROOT_API=http://localhost:3000
+VUE_APP_ROOT_API=https://api.sustainability.oregonstate.edu/v2/energy
 VUE_APP_HOST_ADDRESS=http://localhost:8080

src/components/view/view.vue

@@ -81,6 +81,7 @@ export default {
  immediate: true,
  handler: async function ( buildings ) {
  if ( this.$route.path.includes( 'compare' ) ) {
+ console.log( this.cards[0] )
  if ( this.cards.length > 0 && this.cards[0] ) {
  await this.$store.dispatch( this.cards[0].path + '/removeAllModifiers' )
  await this.$store.dispatch( this.cards[0].path + '/addModifier', 'building_compare' )
@@ -116,6 +117,7 @@ export default {
  for ( let card of this.cards ) {
  if ( !card.path ) return
  this.$nextTick( () => {
+ console.log( card )
  this.$store.commit( card.path + '/dateStart', this.dateStart )
  this.$store.commit( card.path + '/dateEnd', this.dateEnd )
  this.$store.commit( card.path + '/dateInterval', this.dateInterval )

src/store/block.module.js

@@ -224,6 +224,7 @@ const actions = {
  await this.getters[payload.group.path + '/meters'][0].promise
  utilityType = this.getters[this.getters[payload.group.path + '/meters'][0].path + '/type']
  }
+ // something here is important with name assign
  store.commit( chartSpace + '/name', 'Total ' + utilityType )
  const pointMap = {
  Electricity: 'accumulated_real',

src/store/chart.module.js

@@ -35,11 +35,33 @@ const actions = {
  ...payload,
  ...store.getters.modifierData
  }
+ console.log( store.getters.name )
+ let initdatestart = reqPayload.dateStart
+ if ( store.getters.name === 'Total Electricity' ) {
+ reqPayload.dateStart = 1700341200
+ }
+ console.log( reqPayload )
 
  const chartModifier = ChartModifiers( payload.graphType, reqPayload.point )
  await chartModifier.preGetData( reqPayload, this, store )
 
  let data = await this.dispatch( store.getters.meterGroupPath + '/getData', reqPayload )
+
+ if ( store.getters.name === 'Total Electricity' ) {
+ // console.log( data )
+ let testmap = new Map()
+ for ( let newkey of data.keys() ) {
+ // console.log(newkey)
+
+ // align new key with original datestart
+ testmap.set( newkey - ( reqPayload.dateStart - initdatestart ), data.get( newkey ) )
+ }
+ console.log( testmap )
+
+ // comment out the 2 lines below to test experimental moving chart left
+ // data = testmap
+ // reqPayload.dateStart = initdatestart
+ }
  let chartData = {
  label: store.getters.name,
  backgroundColor: store.getters.color,