import { Chart } from 'chart.js';
import { ChartConfiguration } from 'chart.js';
import { ChartData } from '../../types/propTypes';
/**
 * A bar chart component.  Client-side only.
 * @docsPage
*/
export declare class BsChartBar {
  /** Provide a title for the accessible text table representation of this chart. */
  chartTitle?: string;
  /** Array of datasets.
   * @mapTo BarChartData */
  data: ChartData[];
  /** Array of labels for each point along the X-Axis.
   * @mapTo BarChartIdxLabels */
  dataIdxLabels: string[];
  /** Pass `true` to show legend. */
  showLegend: boolean;
  /** Pass `true` to show tooltips on hover. */
  showTooltips: boolean;
  /** Pass `true` to show vertical gridlines. */
  showXGrid: boolean;
  /** Pass `true` to show horizontal gridlines. */
  showYGrid: boolean;
  /** Pass `true` to stack each dataset's data at a given index into a single column.  */
  stacked: boolean;
  /** Label for the X-Axis.
   * @ex Month */
  xLabel: string;
  /** Label for the Y-Axis.
   *  @ex TPS Reports Submitted */
  yLabel: string;
  hostEl: HTMLElement;
  canvas: HTMLCanvasElement;
  chart: Chart;
  legendList: HTMLUListElement;
  get chartConfig(): ChartConfiguration;
  get datasets(): ChartData[];
  get title(): string;
  connectedCallback(): void;
  componentDidLoad(): void;
  updateConfig(newVal: boolean, oldVal: boolean): void;
  updateData(): void;
  render(): any;
}
