dashboardFilters

<Vizzly.Dashboard
  // All the data sets available on the dashboard are passed back to you
  // in this callback.
  dashboardFilters={(dataSets) => [
    {
      // What type of dashboard filter are you setting?
      // Can be either `singleSelectFilter` or `dateFilter`
      type: 'singleSelectFilter',
      
      // Optionally hide the filter from being visible
      // on the dashboard
      hidden: false,
 
      // Does this filter require a value to be set?
      // Note that if this is set to true, the dashboard will not render
      // until a value has been chosen, or you have set the `value` property
      requiresValue: false,
 
      // What is the value of the filter.
      value: 'Computing',
 
      // Which fields in the various data sets are affected by this filter?
      appliesToFields: [
        {
          // The string ID of the field in the data set provided below.
          fieldId: 'product_inventory_id',
 
          // The string ID of the data set.
          dataSetId: 'shop_customers',
        },
      ],
 
      // Setting this attribute will fetch data from the fields defined
      // in `optionsPulledFrom` and display them to your user. Upon selection,
      // it will apply the value to the fields defined in `appliesToFields`.
 
      // By default, this attribute can be undefined or an empty array,
      // and it will use the value defined in `appliesToFields`.
      optionsPulledFrom: [
        {
          // The string ID of the field in the data set provided below.
          fieldId: 'id',
 
          // The string ID of the data set.
          dataSetId: 'product_inventory',
        },
      ],
 
      // Optional; Provide a list of hardcoded options
      // for the filter. This avoids a lookup of the field
      // to find the possible values
      options: [
        { value: 1, label: 'Product one' },
        { value: 5, label: 'Product five' },
        { value: 10, label: 'Product ten' },
      ],
    },
  ]}
  // more dashboard props
/>

<Vizzly.Dashboard
  // Only the data sets actively used on the dashboard are passed back to you
  // in this callback. This avoids showing filters that won't have an impact
  //  on the dashboard.
  dashboardFilters={(dataSets) => [
    {
      // What type of dashboard filter are you setting?
      // Can be either `singleSelectFilter` or `dateTimeFilter`
      type: 'dateTimeFilter',
 
      // Optionally hide the filter from being visible
      // on the dashboard
      hidden: false,
 
      // Does this filter require a value to be set?
      // Note that if this is set to true, the dashboard will not render
      // until a value has been chosen, or you have set the `value` property
      requiresValue: false,
 
      // What is the value of the filter.
      value: {
        type: 'relative',
        // ID of a relative filter set in the `dateTimeFilterOptions` property
        // https://docs.vizzly.co/dashboard/properties/dateTimeFilterOptions
        value: '_vizzly_past_3_days',
      },
 
      // Which fields are affected by this filter?
      appliesToFields: [
        {
          // ID of the affected field
          fieldId: 'fie_1',
 
          // The string ID of the data set.
          dataSetId: 'data-set-one',
        },
      ],
    },
  ]}
  // more dashboard props
/>

<Vizzly.Dashboard
    // Only the data sets actively used on the dashboard are passed back to you
  // in this callback. This avoids showing filters that won't have an impact
  //  on the dashboard.
  dashboardFilters={(dataSets) => ({
    // What type of dashboard filter are you setting?
    // Can be either `singleSelectFilter` or `dateTimeFilter`
    type: 'dateTimeFilter',
 
    // Optionally hide the filter from being visible
    // on the dashboard
    hidden: false,
 
    // Does this filter require a value to be set?
    // Note that if this is set to true, the dashboard will not render
    // until a value has been chosen, or you have set the `value` property
    requiresValue: false,
 
    // What is the value of the filter.
    value: {
      type: 'fixedRange',
      // ID of a relative filter set in the `dateTimeFilterOptions` property
      // https://docs.vizzly.co/dashboard/properties/dateTimeFilterOptions
      before: Date | null,
      after: Date | null,
    },
 
    // Which fields are affected by this filter?
    appliesToFields: [
      {
        // ID of the affected field
        fieldId: 'fie_1',
 
        // The string ID of the data set.
        dataSetId: 'data-set-one',
      },
    ],
  })}
  // more dashboard props
/>

<Vizzly.Dashboard
  dashboardFilters={(dataSets, userDefinedDashboardFilters) => {
    let isFilterOnCountryField = userDefinedDashboardFilters?.[0].appliesToFields?.[0].fieldId == 'fie_country';
 
    if (isFilterOnCountryField) {
      userDefinedDashboardFilters[0].value = 'Argentina';
    }
 
    return userDefinedDashboardFilters;
  }}
/>