https://cosmograph.app/_next/static/chunks/pages/docs-lib/api/internal/classes/Bars-caf7b6a17e938ced.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6656],{18598:(e,n,d)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs-lib/api/internal/classes/Bars",function(){return d(19650)}])},19650:(e,n,d)=>{"use strict";d.r(n),d.d(n,{default:()=>l,useTOC:()=>h});var i=d(37876),s=d(71807),r=d(45974),t=d(89707);function h(e){return[{value:"Extends",id:"extends",depth:2},{value:"Constructors",id:"constructors",depth:2},{value:"Constructor",id:"constructor",depth:3},{value:"Parameters",id:"parameters",depth:4},{value:"Returns",id:"returns",depth:4},{value:"Overrides",id:"overrides",depth:4},{value:"Accessors",id:"accessors",depth:2},{value:"_maxDisplayedItems",id:"_maxdisplayeditems",depth:3},{value:"Get Signature",id:"get-signature",depth:4},{value:"Returns",id:"returns-1",depth:5},{value:"Methods",id:"methods",depth:2},{value:"extractConfig()",id:"extractconfig",depth:3},{value:"Parameters",id:"parameters-1",depth:4},{value:"Returns",id:"returns-2",depth:4},{value:"Inherited from",id:"inherited-from",depth:4},{value:"showState()",id:"showstate",depth:3},{value:"Parameters",id:"parameters-2",depth:4},{value:"Returns",id:"returns-3",depth:4},{value:"Inherited from",id:"inherited-from-1",depth:4},{value:"hideState()",id:"hidestate",depth:3},{value:"Returns",id:"returns-4",depth:4},{value:"Inherited from",id:"inherited-from-2",depth:4},{value:"setDisplayStateConfig()",id:"setdisplaystateconfig",depth:3},{value:"Parameters",id:"parameters-3",depth:4},{value:"Returns",id:"returns-5",depth:4},{value:"Inherited from",id:"inherited-from-3",depth:4},{value:"getConfig()",id:"getconfig",depth:3},{value:"Returns",id:"returns-6",depth:4},{value:"setConfig()",id:"setconfig",depth:3},{value:"Parameters",id:"parameters-4",depth:4},{value:"Returns",id:"returns-7",depth:4},{value:"setData()",id:"setdata",depth:3},{value:"Parameters",id:"parameters-5",depth:4},{value:"Returns",id:"returns-8",depth:4}

1,{value:"sortByCount()",id:"sortbycount",depth:3},{value:"Parameters",id:"parameters-6",depth:4},{value:"Returns",id:"returns-9",depth:4},{value:"sortAlphabetically()",id:"sortalphabetically",depth:3},{value:"Parameters",id:"parameters-7",depth:4},{value:"Returns",id:"returns-10",depth:4},{value:"destroy()",id:"destroy",depth:3},{value:"Returns",id:"returns-11",depth:4},{value:"Overrides",id:"overrides-1",depth:4},{value:"resetList()",id:"resetlist",depth:3},{value:"Returns",id:"returns-12",depth:4},{value:"getSelectedItem()",id:"getselecteditem",depth:3},{value:"Returns",id:"returns-13",depth:4},{value:"getSelectedItems()",id:"getselecteditems",depth:3},{value:"Returns",id:"returns-14",depth:4},{value:"setSelectedItem()",id:"setselecteditem",depth:3},{value:"Parameters",id:"parameters-8",depth:4},{value:"Returns",id:"returns-15",depth:4},{value:"setSelectedItems()",id:"setselecteditems",depth:3},{value:"Parameters",id:"parameters-9",depth:4},{value:"Returns",id:"returns-16",depth:4},{value:"setHighlightedData()",id:"sethighlighteddata",depth:3},{value:"Parameters",id:"parameters-10",depth:4},{value:"Returns",id:"returns-17",depth:4},{value:"setLoadingState()",id:"setloadingstate",depth:3},{value:"Returns",id:"returns-18",depth:4},{value:"Overrides",id:"overrides-2",depth:4}]}let l=(0,s.e)(function(e){let{toc:n=h(e)}=e,d={a:"a",blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",hr:"hr",li:"li",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,t.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(d.h1,{children:"Class: Bars"}),"\n",(0,i.jsx)(d.p,{children:"Represents a bar chart visualization component."}),"\n",(0,i.jsxs)(d.p,{children:["The ",(0,i.jsx)(d.code,{children:"Bars"})," class is responsible for rendering a bar chart visualization based on the provided data and configuration.\nIt handles the creation of the necessary HTML elements, rendering of the bars, and management of user interactions such as\nscrolling, searching, and sorting."]}),"\n",(0,i.jsx)(d.h2,{id:n[0].id,children:n[0].value}),"\n",(0,i.jsxs)(d.ul,{children:["\n",(0,i.jsx)(d.li,{children:(0,i.jsx)(d.a,{href:"DisplayStateManager",children:(0,i.jsx)(d.code,{children:"DisplayStateManager"})})}),"\n"]}),"\n",(0,i.jsx)(d.h2,{id:n[1].id,children:n[1].value}),"\n",(0,i.jsx)(d.h3,{id:n[2].id,children:n[2].value}),"\n",(0,i.jsxs)(d.blockquote,{children:["\n",(0,i.jsxs)(d.p,{children:[(0,i.jsx)(d.strong,{children:"new Bars"}),"(",(0,i.jsx)(d.code,{children:"container"}),", ",(0,i.jsx)(d.code,{children:"config?"}),"): ",(0,i.jsx)(d.code,{children:"Bars"})]}),"\n"]}),"\n",(0,i.jsx)(d.p,{children:"Constructs a new instance of the Bars class, which is responsible for rendering a bar chart visualization."}),"\n",(0,i.jsx)(d.h4,{id:n[3].id,children:n[3].value}),"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",(0,i.jsxs)(d.table,{children:[(0,i.jsx)(d.thead,{children:(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.th,{children:"Parameter"}),(0,i.jsx)(d.th,{children:"Type"}),(0,i.jsx)(d.th,{children:"Description"})]})}),(0,i.jsxs)(d.tbody,{children:[(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"container"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"HTMLElement"})}),(0,i.jsx)(d.td,{children:"The HTML element that will contain the bar chart."})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"config?"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.a,{href:"../type-aliases/BarsConfigInterface",children:(0,i.jsx)(d.code,{children:"BarsConfigInterface"})})}),(0,i.jsx)(d.td,{children:"An optional configuration object that can be used to customize the behavior of the bar chart."})]})]})]}),"\n",(0,i.jsx)(d.h4,{id:n[4].id,children:n[4].value}),"\n",(0,i.jsx)(d.p,{children:(0,i.jsx)(d.code,{children:"Bars"})}),"\n",(0,i.jsx)(d.h4,{id:n[5].id,children:n[5].value}),"\n",(0,i.jsxs)(d.p,{children:[(0,i.jsx)(d.a,{href:"DisplayStateManager",children:(0,i.jsx)(d.code,{children:"DisplayStateManager"})}),".",(0,i.jsx)(d.a,{href:"DisplayStateManager#constructor",children:(0,i.jsx)(d.code,{children:"constructor"})})]}),"\n",(0,i.jsx)(d.h2,{id:n[6].id,children:n[6].value}),"\n",(0,i.jsx)(d.h3,{id:n[7].id,children:n[7].value}),"\n",(0,i.jsx)(d.h4,{id:n[8].id,children:n[8].value}),"\n",(0,i.jsxs)(d.blockquote,{children:["\n",(0,i.jsxs)(d.p,{children:[(0,i.jsx)(d.strong,{children:"get"})," ",(0,i.jsx)(d.strong,{children:"_maxDisplayedItems"}),"(): ",(0,i.jsx)(d.code,{children:"number"})]}),"\n"]}),"\n",(0,i.jsx)(d.h5,{id:n[9].id,children:n[9].value}),"\n",(0,i.jsx)(d.p,{children:(0,i.jsx)(d.code,{children:"number"})}),"\n",(0,i.jsx)(d.h2,{id:n[10].id,children:n[10].value}),"\n",(0,i.jsx)(d.h3,{id:n[11].id,children:n[11].value}),"\n",(0,i.jsxs)(d.blockquote,{children:["\n",(0,i.jsxs)(d.p,{children:[(0,i.jsx)(d.code,{children:"static"})," ",(0,i.jsx)(d.strong,{children:"extractConfig"}),"(",(0,i.jsx)(d.code,{children:"config"}),", ",(0,i.jsx)(d.code,{children:"defaultConfig"}),"): ",(0,i.jsx)(d.a,{href:"../interfaces/DisplayStateConfigInterface",children:(0,i.jsx)(d.code,{children:"DisplayStateConfigInterface"})})]}),"\n"]}),"\n",(0,i.jsx)(d.h4,{id:n[12].id,children:n[12].value}),"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",(0,i.jsxs)(d.table,{children:[(0,i.jsx)(d.thead,{children:(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.th,{children:"Parameter"}),(0,i.jsx)(d.th,{children:"Type"})]})}),(0,i.jsxs)(d.tbody,{children:[(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"config"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.a,{href:"../interfaces/DisplayStateConfigInterface",children:(0,i.jsx)(d.code,{children:"DisplayStateConfigInterface"})})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"defaultConfig"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.a,{href:"../interfaces/DisplayStateConfigInterface",children:(0,i.jsx)(d.code,{children:"DisplayStateConfigInterface"})})})]})]})]}),"\n",(0,i.jsx)(d.h4,{id:n[13].id,children:n[13].value}),"\n",(0,i.jsx)(d.p,{children:(0,i.jsx)(d.a,{href:"../interfaces/DisplayStateConfigInterface",children:(0,i.jsx)(d.code,{children:"DisplayStateConfigInterface"})})}),"\n",(0,i.jsx)(d.h4,{id:n[14].id,children:n[14].value}),"\n",(0,i.jsxs)(d.p,{children:[(0,i.jsx)(d.a,{href:"DisplayStateManager",children:(0,i.jsx)(d.code,{children:"DisplayStateManager"})}),".",(0,i.jsx)(d.a,{href:"DisplayStateManager#extractconfig",children:(0,i.jsx)(d.code,{children:"extractConfig"})})]}),"\n",(0,i.jsx)(d.hr,{}),"\n",(0,i.jsx)(d.h3,{id:n[15].id,children:n[15].value}),"\n",(0,i.jsxs)(d.blockquote,{children:["\n",(0,i.jsxs)(d.p,{children:[(0,i.jsx)(d.strong,{children:"showState"}),"(",(0,i.jsx)(d.code,{children:"text?"}),"): ",(0,i.jsx)(d.code,{children:"void"})]}),"\n"]}),"\n",(0,i.jsx)(d.p,{children:"Shows the DisplayState element with the specified text"}),"\n",(0,i.jsx)(d.h4,{id:n[16].id,children:n[16].value}),"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",(0,i.jsxs)(d.table,{children:[(0,i.jsx)(d.thead,{children:(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.th,{children:"Parameter"}),(0,i.jsx)(d.th,{children:"Type"}),(0,i.jsx)(d.th,{children:"Description"})]})}),(0,i.jsx)(d.tbody,{children:(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"text?"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"string"})}),(0,i.jsx)(d.td,{children:"Optional text to display, defaults to noDataMessage"})]})})]}),"\n",(0,i.jsx)(d.h4,{id:n[17].id,children:n[17].value}),"\n",(0,i.jsx)(d.p,{children:(0,i.jsx)(d.code,{children:"void"})}),"\n",(0,i.jsx)(d.h4,{id:n[18].id,children:n[18].value}),"\n",(0,i.jsxs)(d.p,{children:[(0,i.jsx)(d.a,{href:"DisplayStateManager",children:(0,i.jsx)(d.code,{children:"DisplayStateManager"})}),".",(0,i.jsx)(d.a,{href:"DisplayStateManager#showstate",children:(0,i.jsx)(d.code,{children:"showState"})})]}),"\n",(0,i.jsx)(d.hr,{}),"\n",(0,i.jsx)(d.h3,{id:n[19].id,children:n[19].value}),"\n",(0,i.jsxs)(d.blockquote,{children:["\n",(0,i.jsxs)(d.p,{children:[(0,i.jsx)(d.strong,{children:"hideState"}),"(): ",(0,i.jsx)(d.code,{children:"void"})]}),"\n"]}),"\n",(0,i.jsx)(d.p,{children:"Hides the DisplayState element"}),"\n",(0,i.jsx)(d.h4,{id:n[20].id,children:n[20].value}),"\n",(0,i.jsx)(d.p,{children:(0,i.jsx)(d.code,{children:"void"})}),"\n",(0,i.jsx)(d.h4,{id:n[21].id,children:n[21].value}),"\n",(0,i.jsxs)(d.p,{children:[(0,i.jsx)(d.a,{href:"DisplayStateManager",children:(0,i.jsx)(d.code,{children:"DisplayStateManager"})}),".",(0,i.jsx)(d.a,{href:"DisplayStateManager#hidestate",children:(0,i.jsx)(d.code,{children:"hideState"})})]}),"\n",(0,i.jsx)(d.hr,{}),"\n",(0,i.jsx)(d.h3,{id:n[22].id,children:n[22].value}),"\n",(0,i.jsxs)(d.blockquote,{children:["\n",(0,i.jsxs)(d.p,{children:[(0,i.jsx)(d.strong,{children:"setDisplayStateConfig"}),"(",(0,i.jsx)(d.code,{children:"config"}),"): ",(0,i.jsx)(d.code,{children:"void"})]}),"\n"]}),"\n",(0,i.jsx)(d.p,{children:"Updates the DisplayState configuration"}),"\n",(0,i.jsx)(d.h4,{id:n[23].id,children:n[23].value}),"\n\n\n\n\n\n\n\n\n\n\n\n\n\n",(0,i.jsxs)(d.table,{children:[(0,i.jsx)(d.thead,{children:(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.th,{children:"Parameter"}),(0,i.jsx)(d.th,{children:"Type"})]})}),(0,i.jsx)(d.tbody,{children:(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"config"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.a,{href:"../interfaces/DisplayStateConfigInterface",children:(0,i.jsx)(d.code,{children:"DisplayStateConfigInterface"})})})]})})]}),"\n",(0,i.jsx)(d.h4,{id:n[24].id,children:n[24].value}),"\n",(0,i.jsx)(d.p,{children:(0,i.jsx)(d.code,{children:"void"})}),"\n",(0,i.jsx)(d.h4,{id:n[25].id,children:n[25].value}),"\n",(0,i.jsxs)(d.p,{children:[(0,i.jsx)(d.a,{href:"DisplayStateManager",children:(0,i.jsx)(d.code,{children:"DisplayStateManager"})}),".",(0,i.jsx)(d.a,{href:"DisplayStateManager#setdisplaystateconfig",children:(0,i.jsx)(d.code,{children:"setDisplayStateConfig"})})]}),"\n",(0,i.jsx)(d.hr,{}),"\n",(0,i.jsx)(d.h3,{id:n[26].id,children:n[26].value}),"\n",(0,i.jsxs)(d.blockquote,{children:["\n",(0,i.jsxs)(d.p,{children:[(0,i.jsx)(d.strong,{children:"getConfig"}),"(): ",(0,i.jsx)(d.a,{href:"../type-aliases/BarsConfigInterface",children:(0,i.jsx)(d.code,{children:"BarsConfigInterface"})})]}),"\n"]}),"\n",(0,i.jsx)(d.p,{children:"Returns the current configuration of the bars module."}),"\n",(0,i.jsx)(d.h4,{id:n[27].id,children:n[27].value}),"\n",(0,i.jsx)(d.p,{children:(0,i.jsx)(d.a,{href:"../type-aliases/BarsConfigInterface",children:(0,i.jsx)(d.code,{children:"BarsConfigInterface"})})}),"\n",(0,i.jsx)(d.p,{children:"The current configuration."}),"\n",(0,i.jsx)(d.hr,{}),"\n",(0,i.jsx)(d.h3,{id:n[28].id,children:n[28].value}),"\n",(0,i.jsxs)(d.blockquote,{children:["\n",(0,i.jsxs)(d.p,{children:[(0,i.jsx)(d.strong,{children:"setConfig"}),"(",(0,i.jsx)(d.code,{children:"config?"}),"): ",(0,i.jsx)(d.code,{children:"void"})]}),"\n"]}),"\n",(0,i.jsx)(d.p,{children:"Sets the configuration for the bars module."}),"\n",(0,i.jsx)(d.h4,{id:n[29].id,children:n[29].value}),"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",(0,i.jsxs)(d.table,{children:[(0,i.jsx)(d.thead,{children:(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.th,{children:"Parameter"}),(0,i.jsx)(d.th,{children:"Type"}),(0,i.jsx)(d.th,{children:"Description"})]})}),(0,i.jsx)(d.tbody,{children:(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"config?"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.a,{href:"../type-aliases/BarsConfigInterface",children:(0,i.jsx)(d.code,{children:"BarsConfigInterface"})})}),(0,i.jsx)(d.td,{children:"The configuration object to set."})]})})]}),"\n",(0,i.jsx)(d.h4,{id:n[30].id,children:n[30].value}),"\n",(0,i.jsx)(d.p,{children:(0,i.jsx)(d.code,{children:"void"})}),"\n",(0,i.jsx)(d.hr,{}),"\n",(0,i.jsx)(d.h3,{id:n[31].id,children:n[31].value}),"\n",(0,i.jsxs)(d.blockquote,{children:["\n",(0,i.jsxs)(d.p,{children:[(0,i.jsx)(d.strong,{children:"setData"}),"(",(0,i.jsx)(d.code,{children:"values?"}),"): ",(0,i.jsx)(d.code,{children:"void"})]}),"\n"]}),"\n",(0,i.jsx)(d.p,{children:"Sets the data for the bars module."}),"\n",(0,i.jsx)(d.h4,{id:n[32].id,children:n[32].value}),"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",(0,i.jsxs)(d.table,{children:[(0,i.jsx)(d.thead,{children:(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.th,{children:"Parameter"}),(0,i.jsx)(d.th,{children:"Type"}),(0,i.jsx)(d.th,{children:"Default value"}),(0,i.jsx)(d.th,{children:"Description"})]})}),(0,i.jsx)(d.tbody,{children:(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"values?"})}),(0,i.jsxs)(d.td,{children:[(0,i.jsx)(d.code,{children:"any"}),"[]"]}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"[]"})}),(0,i.jsx)(d.td,{children:"The array of values to set as the data."})]})})]}),"\n",(0,i.jsx)(d.h4,{id:n[33].id,children:n[33].value}),"\n",(0,i.jsx)(d.p,{children:(0,i.jsx)(d.code,{children:"void"})}),"\n",(0,i.jsx)(d.hr,{}),"\n",(0,i.jsx)(d.h3,{id:n[34].id,children:n[34].value}),"\n",(0,i.jsxs)(d.blockquote,{children:["\n",(0,i.jsxs)(d.p,{children:[(0,i.jsx)(d.strong,{children:"sortByCount"}),"(",(0,i.jsx)(d.code,{children:"ascending?"}),"): ",(0,i.jsx)(d.code,{children:"void"})]}),"\n"]}),"\n",(0,i.jsx)(d.p,{children:"Sorts the data in the bars module by the count of each item, in ascending or descending order."}),"\n",(0,i.jsx)(d.h4,{id:n[35].id,children:n[35].value}),"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",(0,i.jsxs)(d.table,{children:[(0,i.jsx)(d.thead,{children:(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.th,{children:"Parameter"}),(0,i.jsx)(d.th,{children:"Type"}),(0,i.jsx)(d.th,{children:"Default value"}),(0,i.jsx)(d.th,{children:"Description"})]})}),(0,i.jsx)(d.tbody,{children:(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"ascending?"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"boolean"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"false"})}),(0,i.jsx)(d.td,{children:"If true, sorts the data in ascending order by count. Otherwise, sorts in descending order."})]})})]}),"\n",(0,i.jsx)(d.h4,{id:n[36].id,children:n[36].value}),"\n",(0,i.jsx)(d.p,{children:(0,i.jsx)(d.code,{children:"void"})}),"\n",(0,i.jsx)(d.hr,{}),"\n",(0,i.jsx)(d.h3,{id:n[37].id,children:n[37].value}),"\n",(0,i.jsxs)(d.blockquote,{children:["\n",(0,i.jsxs)(d.p,{children:[(0,i.jsx)(d.strong,{children:"sortAlphabetically"}),"(",(0,i.jsx)(d.code,{children:"ascending?"}),"): ",(0,i.jsx)(d.code,{children:"void"})]}),"\n"]}),"\n",(0,i.jsx)(d.p,{children:"Sorts the data in the bars module alph

1abetically by the label of each item, in ascending or descending order."}),"\n",(0,i.jsx)(d.h4,{id:n[38].id,children:n[38].value}),"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",(0,i.jsxs)(d.table,{children:[(0,i.jsx)(d.thead,{children:(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.th,{children:"Parameter"}),(0,i.jsx)(d.th,{children:"Type"}),(0,i.jsx)(d.th,{children:"Default value"}),(0,i.jsx)(d.th,{children:"Description"})]})}),(0,i.jsx)(d.tbody,{children:(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"ascending?"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"boolean"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"true"})}),(0,i.jsx)(d.td,{children:"If true, sorts the data in ascending alphabetical order by label. Otherwise, sorts in descending alphabetical order."})]})})]}),"\n",(0,i.jsx)(d.h4,{id:n[39].id,children:n[39].value}),"\n",(0,i.jsx)(d.p,{children:(0,i.jsx)(d.code,{children:"void"})}),"\n",(0,i.jsx)(d.hr,{}),"\n",(0,i.jsx)(d.h3,{id:n[40].id,children:n[40].value}),"\n",(0,i.jsxs)(d.blockquote,{children:["\n",(0,i.jsxs)(d.p,{children:[(0,i.jsx)(d.strong,{children:"destroy"}),"(): ",(0,i.jsx)(d.code,{children:"void"})]}),"\n"]}),"\n",(0,i.jsx)(d.p,{children:"Destroys the bars module by removing event listeners, clearing the container, and resetting internal data structures.\nThis method should be called when the bars module is no longer needed to clean up any resources it has allocated."}),"\n",(0,i.jsx)(d.h4,{id:n[41].id,children:n[41].value}),"\n",(0,i.jsx)(d.p,{children:(0,i.jsx)(d.code,{children:"void"})}),"\n",(0,i.jsx)(d.h4,{id:n[42].id,children:n[42].value}),"\n",(0,i.jsxs)(d.p,{children:[(0,i.jsx)(d.a,{href:"DisplayStateManager",children:(0,i.jsx)(d.code,{children:"DisplayStateManager"})}),".",(0,i.jsx)(d.a,{href:"DisplayStateManager#destroy",children:(0,i.jsx)(d.code,{children:"destroy"})})]}),"\n",(0,i.jsx)(d.hr,{}),"\n",(0,i.jsx)(d.h3,{id:n[43].id,children:n[43].value}),"\n",(0,i.jsxs)(d.blockquote,{children:["\n",(0,i.jsxs)(d.p,{children:[(0,i.jsx)(d.strong,{children:"resetList"}),"(): ",(0,i.jsx)(d.code,{children:"void"})]}),"\n"]}),"\n",(0,i.jsx)(d.h4,{id:n[44].id,children:n[44].value}),"\n",(0,i.jsx)(d.p,{children:(0,i.jsx)(d.code,{children:"void"})}),"\n",(0,i.jsx)(d.hr,{}),"\n",(0,i.jsx)(d.h3,{id:n[45].id,children:n[45].value}),"\n",(0,i.jsxs)(d.blockquote,{children:["\n",(0,i.jsxs)(d.p,{children:[(0,i.jsx)(d.strong,{children:"getSelectedItem"}),"(): ",(0,i.jsx)(d.a,{href:"../interfaces/BarData",children:(0,i.jsx)(d.code,{children:"BarData"})})," | ",(0,i.jsx)(d.code,{children:"undefined"})]}),"\n"]}),"\n",(0,i.jsx)(d.p,{children:"Gets the currently selected item in the bars module."}),"\n",(0,i.jsx)(d.h4,{id:n[46].id,children:n[46].value}),"\n",(0,i.jsxs)(d.p,{children:[(0,i.jsx)(d.a,{href:"../interfaces/BarData",children:(0,i.jsx)(d.code,{children:"BarData"})})," | ",(0,i.jsx)(d.code,{children:"undefined"})]}),"\n",(0,i.jsxs)(d.ul,{children:["\n",(0,i.jsx)(d.li,{children:"The currently selected bar data item, or undefined if none selected."}),"\n"]}),"\n",(0,i.jsx)(d.hr,{}),"\n",(0,i.jsx)(d.h3,{id:n[47].id,children:n[47].value}),"\n",(0,i.jsxs)(d.blockquote,{children:["\n",(0,i.jsxs)(d.p,{children:[(0,i.jsx)(d.strong,{children:"getSelectedItems"}),"(): ",(0,i.jsx)(d.a,{href:"../interfaces/BarData",children:(0,i.jsx)(d.code,{children:"BarData"})}),"[]"]}),"\n"]}),"\n",(0,i.jsx)(d.h4,{id:n[48].id,children:n[48].value}),"\n",(0,i.jsxs)(d.p,{children:[(0,i.jsx)(d.a,{href:"../interfaces/BarData",children:(0,i.jsx)(d.code,{children:"BarData"})}),"[]"]}),"\n",(0,i.jsx)(d.hr,{}),"\n",(0,i.jsx)(d.h3,{id:n[49].id,children:n[49].value}),"\n",(0,i.jsxs)(d.blockquote,{children:["\n",(0,i.jsxs)(d.p,{children:[(0,i.jsx)(d.strong,{children:"setSelectedItem"}),"(",(0,i.jsx)(d.code,{children:"item?"}),"): ",(0,i.jsx)(d.code,{children:"void"})]}),"\n"]}),"\n",(0,i.jsx)(d.p,{children:"Sets the currently selected item in the bars module."}),"\n",(0,i.jsx)(d.h4,{id:n[50].id,children:n[50].value}),"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",(0,i.jsxs)(d.table,{children:[(0,i.jsx)(d.thead,{children:(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.th,{children:"Parameter"}),(0,i.jsx)(d.th,{children:"Type"}),(0,i.jsx)(d.th,{children:"Description"})]})}),(0,i.jsx)(d.tbody,{children:(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"item?"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.a,{href:"../interfaces/BarData",children:(0,i.jsx)(d.code,{children:"BarData"})})}),(0,i.jsx)(d.td,{children:"The bar data item to select, or undefined to clear the selection."})]})})]}),"\n",(0,i.jsx)(d.h4,{id:n[51].id,children:n[51].value}),"\n",(0,i.jsx)(d.p,{children:(0,i.jsx)(d.code,{children:"void"})}),"\n",(0,i.jsx)(d.hr,{}),"\n",(0,i.jsx)(d.h3,{id:n[52].id,children:n[52].value}),"\n",(0,i.jsxs)(d.blockquote,{children:["\n",(0,i.jsxs)(d.p,{children:[(0,i.jsx)(d.strong,{children:"setSelectedItems"}),"(",(0,i.jsx)(d.code,{children:"items?"}),"): ",(0,i.jsx)(d.code,{children:"void"})]}),"\n"]}),"\n",(0,i.jsx)(d.h4,{id:n[53].id,children:n[53].value}),"\n\n\n\n\n\n\n\n\n\n\n\n\n\n",(0,i.jsxs)(d.table,{children:[(0,i.jsx)(d.thead,{children:(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.th,{children:"Parameter"}),(0,i.jsx)(d.th,{children:"Type"})]})}),(0,i.jsx)(d.tbody,{children:(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"items?"})}),(0,i.jsxs)(d.td,{children:[(0,i.jsx)(d.a,{href:"../interfaces/BarData",children:(0,i.jsx)(d.code,{children:"BarData"})}),"[]"]})]})})]}),"\n",(0,i.jsx)(d.h4,{id:n[54].id,children:n[54].value}),"\n",(0,i.jsx)(d.p,{children:(0,i.jsx)(d.code,{children:"void"})}),"\n",(0,i.jsx)(d.hr,{}),"\n",(0,i.jsx)(d.h3,{id:n[55].id,children:n[55].value}),"\n",(0,i.jsxs)(d.blockquote,{children:["\n",(0,i.jsxs)(d.p,{children:[(0,i.jsx)(d.strong,{children:"setHighlightedData"}),"(",(0,i.jsx)(d.code,{children:"data"}),"): ",(0,i.jsx)(d.code,{children:"void"})]}),"\n"]}),"\n",(0,i.jsx)(d.p,{children:"Sets the highlighted data for crossfiltering visualization.\nCreates an overlay bar showing the proportion of filtered data for each category."}),"\n",(0,i.jsx)(d.h4,{id:n[56].id,children:n[56].value}),"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",(0,i.jsxs)(d.table,{children:[(0,i.jsx)(d.thead,{children:(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.th,{children:"Parameter"}),(0,i.jsx)(d.th,{children:"Type"}),(0,i.jsx)(d.th,{children:"Description"})]})}),(0,i.jsx)(d.tbody,{children:(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"data"})}),(0,i.jsxs)(d.td,{children:[(0,i.jsx)(d.code,{children:"string"}),"[] | ",(0,i.jsx)(d.code,{children:"undefined"})]}

1),(0,i.jsx)(d.td,{children:"Array of string labels that should be highlighted, or undefined to clear highlighting"})]})})]}),"\n",(0,i.jsx)(d.h4,{id:n[57].id,children:n[57].value}),"\n",(0,i.jsx)(d.p,{children:(0,i.jsx)(d.code,{children:"void"})}),"\n",(0,i.jsx)(d.hr,{}),"\n",(0,i.jsx)(d.h3,{id:n[58].id,children:n[58].value}),"\n",(0,i.jsxs)(d.blockquote,{children:["\n",(0,i.jsxs)(d.p,{children:[(0,i.jsx)(d.strong,{children:"setLoadingState"}),"(): ",(0,i.jsx)(d.code,{children:"void"})]}),"\n"]}),"\n",(0,i.jsx)(d.p,{children:"Sets the loading state of the bars module by updating the text content of a fallback div.\nThis method is typically called when data is being loaded asynchronously to provide a visual indication to the user."}),"\n",(0,i.jsx)(d.h4,{id:n[59].id,children:n[59].value}),"\n",(0,i.jsx)(d.p,{children:(0,i.jsx)(d.code,{children:"void"})}),"\n",(0,i.jsx)(d.h4,{id:n[60].id,children:n[60].value}),"\n",(0,i.jsxs)(d.p,{children:[(0,i.jsx)(d.a,{href:"DisplayStateManager",children:(0,i.jsx)(d.code,{children:"DisplayStateManager"})}),".",(0,i.jsx)(d.a,{href:"DisplayStateManager#setloadingstate",children:(0,i.jsx)(d.code,{children:"setLoadingState"})})]})]})},"/docs-lib/api/internal/classes/Bars",{filePath:"pages/docs-lib/api/internal/classes/Bars.md",timestamp:1773080498e3,pageMap:r.O,frontMatter:{},title:"Class: Bars"},"undefined"==typeof RemoteContent?h:RemoteContent.useTOC)}},e=>{var n=n=>e(e.s=n);e.O(0,[3629,8511,9897,4587,7590,5974,636,6593,8792],()=>n(18598)),_N_E=e.O()}]);