Under the Filters section, you can use the condition builder to define one or more conditions that determine which records are included, filtering the underlying data accordingly. You can also create nested conditions to group related conditions together and apply their own AND or OR logic, enabling more advanced and precise filtering.
NoteThe data used to configure the pie chart will be taken from a particular table from the tables feature or case management feature.As a reminder, chart elements can expose raw data that may be sensitive, and therefore should not be used if you have concerns with viewers being able to see that information.
1
Group By
Column: Choose the table column you want to group the pie chart by.
If the selected column is a time period, you will see the Bucket by option, allowing you to categorize the time period. This will be shown as a legend on the right side of the pie chart.
If the selected column contains user-related data, the ‘User Count’ option becomes available. This lets you choose how to group and count the data:
Distinct Count – Counts each user and group separately. If a record is linked to a specific user, that user’s name (or email) will appear in the legend. For example, in a pie chart, each slice represents an individual user or group
Aggregated View– Groups records by user groups instead of individual entities. The legend will only show group names, and the count will include all records linked to the group, including those assigned to individual users in the group.
A team is tracking case management tasks using a pie chart where the “Assigned To” column contains user-related data. In this example:There are a total of 5 Tasks
Talia is assigned 1 task
John is assigned 1 task.
Noah is assigned 2 tasks.
Group-CM Collab (which includes both John and Noah) is assigned 1 case.
When visualizing this data, two different counting methods can be used:
NoteThe data used to configure the Donut Chart will be taken from a particular table from the tables feature or case management feature.As a reminder, chart elements can expose raw data that may be sensitive, and therefore should not be used if you have concerns with viewers being able to see that information.
1
Group By
Column: Choose the table column you want to group the donut chart by.
If the selected column is a time period, you will be provided with the Bucket by option, allowing you to group the column according the time period. This will be displayed as a legend on the right side of the donut chart.
If the selected column contains user-related data (such as “Purchased By” in this example), the “User Count” option becomes available. This lets you choose how to group and count the data:
Distinct Count – Counts each user and group separately. If a record is linked to a specific user, that user’s name (or email) will appear in the legend. For example, in a donut chart, each slice represents an individual user or group.
Aggregated View – Groups records by user groups instead of individual entities. The legend will only show group names, and the count will include all records linked to the group, including those assigned to specific users within it.
In the following image, the donut chart groups purchases by user groups, with each colored section representing a user group (by name), and its size indicating the total number of purchases made by that group as well as by each user within the group
Sort By: Choose the order you want the data sorted by:
Segment name (ascending)
Segment name(descending)
Segment count(ascending)
Segment count(descending)
Limit: Limit the number of segments shown on the donut chart to hide the lower count values.
2
Values
If you select Record Count:
The Chart widget will show the total number of records available in the chosen source table.
OR
If you select Field Function (You can only add a Field Function if the selected column is a numeric value).
Choose a column: Number
Choose the sum operation that will be used to calculate the selected column values: Sum, Maximum, Minimum, Average or Median.
NoteThe data used to configure the Bar Chart will be taken from a particular table from the tables feature or case management feature.As a reminder, chart elements can expose raw data that may be sensitive, and therefore should not be used if you have concerns with viewers being able to see that information.
1
Set the X axis
Column: Choose the table column you want displayed on the X axis.
If the selected column is a time period, you will be provided with the Bucket by option, allowing you to group the column according the time period.
If the selected column contains user-related data, the User Count option becomes available. This determines how data is grouped on the x-axis in a bar chart:
Distinct Count – Each bar represents an individual user or group separately. If a record is linked to a specific user, that user’s name (or email) will appear on the x-axis. This allows you to see how many records belong to each user or group independently.
Aggregated View – Groups records by user groups instead of individual entities. The x-axis will display only group names, and the count will include all records assigned to the group, including those assigned to individual users in the group.
Sort By: Choose how you want the data sorted by:
X-axis value (ascending)
X-axis value(descending)
Y-axis value(ascending)
Y-axis value(descending)
Limit: Limit the number of bars shown on the chart to hide the lower count values
2
Set the Y axis
If you select Record Count:
It will display the number of records available on the selected source table on the Chart widget.
OR
If you select Field Function (You can only add a Field Function if the selected column is a numeric value).
Choose a column: Time from Status Open to Status, Time in Status or Time to Assign
Choose the sum operation that will be used to calculate the selected column values: Sum, Maximum, Minimum, Average or Median.
NoteThe data used to configure the Line Chart will be taken from a particular table from the tables feature or case management feature.As a reminder, chart elements can expose raw data that may be sensitive, and therefore should not be used if you have concerns with viewers being able to see that information.
1
Set the X axis
Column Choose the table column you want displayed on the X axis.
If the selected column is a time period, you will be provided with the Bucket by option, allowing you to group the column according the time period.
If the selected column contains user-related data (such as “Purchased By” in this example), the User Count option becomes available. This determines how data is plotted on the x-axis in a line chart:
Distinct Count – Each point on the line represents an individual user or group separately. If a record is linked to a specific user, that user’s name (or email) will appear on the x-axis.
Aggregated View – Groups records by user groups instead of individual entities. The x-axis will display only group names, and the line will represent the total count of records assigned to each group, including those assigned to individual users in the group.
Line chart showing aggregated purchase counts by user group. The x-axis displays grouped user names (from the Purchased by column), while the y-axis shows the total number of purchases made by each group, including purchases made by users in the group
Sort By: Choose how you want the data sorted by:
X-axis value (ascending)
X-axis value(descending)
Y-axis value(ascending)
Y-axis value(descending)
Line chart showing aggregated purchase counts by user group. The x-axis displays grouped user names (from the Purchased by column), while the y-axis shows the total number of purchases made by each group, including purchases made by users in the group
Limit: Limit the number of bars shown on the chart to hide the lower count values
2
Set the Y axis
If you select Record Count:
The Chart widget will show the total number of records available in the chosen source table.
OR
If you select Field Function (You can only add a Field Function if the selected column is a numeric value).
Choose a column: Number.
Choose the sum operation that will be used to calculate the selected column values: Sum, Maximum, Minimum, Average or Median.
NoteThe data used to configure the Scatter Chart will be taken from a particular table from the tables feature or case management feature.As a reminder, chart elements can expose raw data that may be sensitive, and therefore should not be used if you have concerns with viewers being able to see that information.
1
Set the X axis
Column: Choose the table column you want displayed on the X axis. If the selected column is a time period, you will be provided with the Bucket by option, allowing you to group the column according the time period.
2
Set the Y axis
If you select Record Count:
The Chart widget will show the total number of records available in the chosen source table.
OR
If you select Field Function (You can only add a Field Function if the selected column is a numeric value).
Choose a column: Number
Choose the sum operation that will be used to calculate the selected column values: Sum, Maximum, Minimum, Average or Median.
In the ‘Appearance Tab’, you can customize the appearance of a chart widget by selecting a color palette and customizing the legend, as well as the X and Y axis labels.
Widgets that display case severity data will use the default system color palette by default. However, you can customize the color palette to better suit your preferences.
To customize the selected chart, choose a single color from the palette by clicking the colored square next to the “Color” label. Then choose a single color to apply to the chart.
You can toggle options to display labels for the X and Y axes.
For Example
Any other changes made in the Data tab, will be automatically applied to the widget in real time.
In the left-hand sidebar, click the icon in the top-right corner and then select the delete button.
The Chart Widget will be removed from your Dashboard Building Interface.
Was this page helpful?
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"BlinkOps Documentation","colors":{"primary":"#1f7ef2","light":"#1f7ef2","dark":"#0080ff"},"logo":{"light":"https://mintcdn.com/blinkops-2/br6cLdqXY9MZvLgO/logo/light.svg?fit=max\u0026auto=format\u0026n=br6cLdqXY9MZvLgO\u0026q=85\u0026s=55c0663d06bf9395563193d3a5259b7a","dark":"https://mintcdn.com/blinkops-2/br6cLdqXY9MZvLgO/logo/dark.svg?fit=max\u0026auto=format\u0026n=br6cLdqXY9MZvLgO\u0026q=85\u0026s=07f1e67e71da76c022a7070bf00b12a7","href":"https://docs.blinkops.com/"},"favicon":"https://mintcdn.com/blinkops-2/TqQZZZpDuOn7Wlvq/favicon.png?fit=max\u0026auto=format\u0026n=TqQZZZpDuOn7Wlvq\u0026q=85\u0026s=2f51ab37ee8d63c712d36d21be7104ed","background":{"color":{"dark":"#091120"}},"navbar":{"links":[{"href":"https://app.blinkops.com/","label":"Login"}],"primary":{"type":"button","label":"Get Started","href":"https://www.blinkops.com/schedule-time"}},"footer":{"socials":{"youtube":"https://www.youtube.com/channel/UCHPSbeyNTFR8_rTGjV7V9ow","x":"https://twitter.com/getblinkops","linkedin":"https://www.linkedin.com/company/blink-ops"}},"styling":{"codeblocks":"dark","latex":true},"integrations":{"gtm":{"tagId":"GTM-MWQHTL5"}},"contextual":{"options":["copy","download-spec","chatgpt","claude","mcp","cursor","vscode"],"display":"header"},"navigation":{"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"blinkops-2","hasAudioNarration":false,"actualSubdomain":"blinkops-2","customDomains":["docs.blinkops.com"],"gitSource":{"type":"github","owner":"blinkops","repo":"blink-docs","deployBranch":"main","contentDirectory":"","isPrivate":true,"mountPath":"","label":""},"chroma":{"liveDeploymentHistoryId":"6aeb04397090c96d3ed814e2","collectionId":"2c448f66-bf56-4c19-ad80-49cd2aadac51","schemaVersion":"v3","latestBuiltDeploymentHistoryId":"6aeb04397090c96d3ed814e2"},"feedback":{"thumbs":true,"edits":true},"entitlements":{"AI_CHAT":{"status":"ENABLED"},"REMOVE_BRANDING":{"status":"ENABLED"},"CONTEXTUAL_FEEDBACK":{"status":"ENABLED"},"CODE_SNIPPET_FEEDBACK":{"status":"ENABLED"},"WEB_MCP":{"status":"ENABLED"},"NARRATION":{"status":"ENABLED"}},"buildId":"6aeb04397090c96d3ed814e2","clientVersion":"0.0.4054","searchFilterCounts":[{"language":"default","tag":"Integrations","count":12920},{"language":"default","tag":"Actions","count":5655},{"language":"default","tag":"Triggers","count":343},{"language":"default","tag":"AWS","count":161},{"language":"default","tag":"Case Management","count":109},{"language":"default","tag":"CrowdStrike","count":106},{"language":"default","tag":"Workflows","count":97},{"language":"default","tag":"Rapid7","count":83},{"language":"default","tag":"Platform","count":72},{"language":"default","tag":"Home","count":64}]},"assistantConfig":{},"basePath":"","hasChatPermissions":true,"hasWebMcpPermissions":true,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"rbac-expansion","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"full-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"vite-origin","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-dual-write","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"approve-review-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"sso-setup-deadline-banner","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":false},"customCss":[{"filePath":"styles.css","content":"@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900\u0026family=Roboto:ital,wght@0,300;0,400;0,500;0,900;1,300;1,400;1,500;1,700\u0026display=swap);@import \"tailwindcss\";@font-face{font-family:'Nacelle';src:url(https://cdn.prod.website-files.com/62000f475eba4d3330543f5b/652d7a00b58f4090a56b69d4_Nacelle-SemiBold.otf) format('opentype');font-weight:600;font-style:normal;font-display:swap}:root{--dark-mode-aware-p-color-alt:rgba(0, 0, 0, 0.50);--dark-mode-aware-dark-background-color:#1A283B;--dark-mode-aware-dark-border-color:#666;--dark-mode-aware-dark-text-color:#eee;--dark-mode-aware-dark-wrapper-background-color:#364150;--dark-mode-aware-dark-link-color:#ffffff;--dark-mode-aware-keyboard-shortcut:\"rgba(18, 18, 18, 0.85)\";--hero-background-image-light:url(\"https://mintlify.s3.us-west-1.amazonaws.com/blinkops-2/img/HeroLightV.svg\");--hero-background-image-dark:url(\"https://mintlify.s3.us-west-1.amazonaws.com/blinkops-2/img/HeroDark.svg\");--landing-page-image-light:url(\"https://mintlify.s3.us-west-1.amazonaws.com/blinkops-2/img/Hero.svg\");--landing-page-image-dark:url(\"https://mintlify.s3.us-west-1.amazonaws.com/blinkops-2/img/HeroDark.svg\");--integration-page-image-dark:url(\"/img/IntegrationsNote.svg\")}h1,h2,h3,h4{font-family:'Roboto';letter-spacing:normal!important}.hero-text h1,.hero-text h3{font-family:\"Roboto\";font-size:48px;font-style:normal;font-weight:800;line-height:63px;letter-spacing:2.4px}.hero-text h3{text-align:center;font-size:22px;font-weight:400;line-height:25.2px;letter-spacing:.96px}.background-image,.integration-background-image{background-image:var(--landing-page-image-light);height:330px;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;position:relative;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.integration-background-image{background-image:var(--integration-page-image-dark);height:400px}.dark .background-image{background-image:var(--landing-page-image-dark)}.paragraph-block{text-align:start;text-wrap:inherit}.paragraph{display:block;margin-block-start:.5em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0;unicode-bidi:isolate;font-family:Roboto;font-size:28px;font-style:normal;font-weight:400;line-height:normal;color:var(----dark-mode-aware-p-color)}.dark .paragraph{color:#fff}.iframe{height:800px;width:100%}.iframe-wrapper{display:unset}.iframe-media{display:none}.hero{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-evenly;text-align:center;padding:2rem,2rem,2rem,2rem;background-image:var(--hero-background-image-light);height:326px;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.dark .hero{background-image:var(--hero-background-image-dark)}.hero-content{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:1rem}.hero h1{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:#000}.search-bar{display:flex;align-items:center;background:0 0;border:1px solid #060709;border-radius:.5rem;overflow:hidden}.keyboard-shortcut,.search-bar input{background:0 0;backdrop-filter:blur(8px)}.search-bar input{border:0;padding:.75rem 1rem;width:400px;height:43px;font-size:1rem;flex-grow:1;outline:0;border-radius:var(--Sizes-Radius-R-4-px, 8px);border:1px solid var(--Color-Transparent-White-10, #ffffff);background:var(--Color-Transparent-White-05, rgba(255, 255, 255, 0.05))}.dark ֿ.search-bar input{border:1px solid #fff}.dark #search{border:1px solid #ffff}.keyboard-shortcut{border-radius:var(--Sizes-Radius-R-4-px, 4px);border:1px solid var(--Color-Transparent-White-10, rgba(255, 255, 255, 0.10));padding:.5rem}.api-item,.grid-table,.keyboard-shortcut{display:flex;align-items:center}.grid-table{margin-top:2rem;grid-column-gap:2.5rem;grid-row-gap:2.5rem;flex-flow:column}#api-grid{grid-column-gap:5rem;grid-row-gap:1.25rem;grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr 1fr;grid-auto-columns:1fr;display:grid;justify-items:center}.api-item{padding:var(--Sizes-Padding-Possitive-32-px, 32px) var(--Sizes-Padding-Possitive-16-px, 16px);border:1px solid #e0e0e0;height:100px;width:300px;border-radius:16px;border:1px solid rgba(62,149,255,.04);background:#f4f4f4}.api-item img{height:24px;width:24px;padding:9px,9px,9px 9px}.api-item span{font-size:1rem;font-weight:400;color:#fff}.vendor-link{color:#000;text-overflow:ellipsis;font-family:Roboto;font-size:20px;font-style:normal;font-weight:500;padding-left:24px;letter-spacing:1.12px}.wrapper{display:flex;justify-content:center;align-items:center;width:42px;height:42px;flex-shrink:0;border-radius:8px;background:#e3dfdf}.dark .dark-mode-aware{background:#1a283b}.dark .wrapper{background-color:#364150}.dark .vendor-link{color:#fff;text-overflow:ellipsis;font-family:Roboto;font-size:20px;font-style:normal;font-weight:500;padding-left:24px;letter-spacing:1.12px}.flow-table,.table{width:100%;overflow-x:auto}.integrations-table table,.table table{border-collapse:collapse;text-align:left}.table table{width:100%}.table td,.table th{padding:8px 12px;text-align:left;border-bottom:1px solid #ddd}table{display:table;max-width:90%;margin:20px auto}.integrations-table table{border-style:solid;max-width:fit-content;table-layout:fixed;align-items:left;border-color:#000}.integrations-table code a{pointer-events:none;text-decoration:none;color:var(--ifm-table-cell-color);cursor:default}.integrations-table th:first-child{width:fit-content}.integrations-table th:second-child{width:50%;padding-right:10px}#var-table th:first-child{width:25%}#var-table th:nth-child(2){width:50%}.flow-table td{line-height:1.5;vertical-align:middle}.flow-table table,.table-functions{border-collapse:collapse;width:100%;max-width:100%;text-align:left;table-layout:fixed}.flow-table table{border-style:solid;align-items:left}.flow-table td,.flow-table th{width:25%;height:25%;border:1px solid #cccccc7f;padding:8px;text-align:left}.table-functions{border-style:hidden}.footer-container{display:flex;flex-direction:row;justify-content:space-between;width:100%;margin-top:100px;align-items:center}.footer-icons{display:flex;gap:32px}.footer-title{font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.footer-display{display:flex;flex-direction:row}.flow-control{display:flex}@media (max-width:767px){.hero{flex-wrap:nowrap;flex-direction:column;justify-content:center;text-align:center;padding:1.5rem;height:auto;background-size:cover}.hero h1{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:#000}.hero,.hero-content{align-items:center}br{display:none}.paragraph{font-size:20px;margin-inline-start:30px}.search-bar input{width:fit-content}#api-grid{grid-column-gap:1rem;grid-row-gap:1rem;grid-template-rows:auto;grid-template-columns:1fr 1fr;display:grid;justify-items:flex-start}.api-item{display:flex;padding:var(--Sizes-Padding-Possitive-10-px, 10px) var(--Sizes-Padding-Possitive-16-px, 10px);height:100px;width:180px;justify-content:flex-start}.vendor-link{font-size:15px;padding-left:15px}.iframe{max-height:100%;height:unset;border-radius:32px}.iframe-wrapper{display:block;position:relative;max-height:200px;border-radius:32px}.iframe-media{align-items:center;flex-direction:column;justify-content:center;position:absolute;height:100%;width:100%;display:flex;backdrop-filter:blur(.5em);background-color:rgba(34,33,38,.8);border-radius:32px}.table-functions th:first-child{width:17%}}@media (max-width:996px){.hero{flex-direction:column;justify-content:center;text-align:center;padding:1.5rem;height:auto;background-size:cover}.hero h1{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:#000}.hero,.hero-content{align-items:center}br{display:none}.paragraph{font-size:20px;margin-inline-start:30px}.search-bar input{width:fit-content}#api-grid{grid-column-gap:1rem;grid-row-gap:1rem;grid-template-rows:auto;grid-template-columns:1fr 1fr;display:grid;justify-items:flex-start}.api-item{display:flex;padding:var(--Sizes-Padding-Possitive-10-px, 10px) var(--Sizes-Padding-Possitive-16-px, 10px);height:100px;width:180px;justify-content:flex-start}.vendor-link{font-size:15px;padding-left:15px}}"}],"page":{"pagePath":"docs/blink-platform/dashboards/building-a-dashboard/widgets/charts","slug":"/docs/blink-platform/dashboards/building-a-dashboard/widgets/charts","pageMetadata":{"title":"Charts","description":"Instructions on how to create and use the Chart Widget","href":"/docs/blink-platform/dashboards/building-a-dashboard/widgets/charts"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"Instructions on how to create and use the Chart Widget\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={a:`a`,code:`code`,em:`em`,li:`li`,ol:`ol`,p:`p`,strong:`strong`,ul:`ul`,..._provideComponents(),...props.components},{Accordion,Frame,Heading,Icon,Note,OptimizedImage,Step,Steps,Tab,Tabs}=_components;if(!Accordion)_missingMdxReference(`Accordion`,true);if(!Frame)_missingMdxReference(`Frame`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!Icon)_missingMdxReference(`Icon`,true);if(!Note)_missingMdxReference(`Note`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);if(!Step)_missingMdxReference(`Step`,true);if(!Steps)_missingMdxReference(`Steps`,true);if(!Tab)_missingMdxReference(`Tab`,true);if(!Tabs)_missingMdxReference(`Tabs`,true);return _jsxs(_Fragment,{children:[_jsx(Heading,{level:`2`,id:`adding-chart-widgets`,children:`Adding Chart Widgets`}),`\n`,_jsxs(Steps,{children:[_jsxs(Step,{title:`Add Widget`,children:[_jsxs(_components.p,{children:[`In the `,_jsx(_components.em,{children:`Edit Mode`}),` tab of the Dashboards Building Interface, click the “add a widget” button.`]}),_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/AddWidgetButton.png?fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=d9eec9c99fff837bfadeb5e7f6c5c973`,\"data-og-width\":`1726`,width:`1726`,\"data-og-height\":`1080`,height:`1080`,\"data-path\":`img/Dashboards/AddWidgetButton.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/AddWidgetButton.png?w=280\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=f6dae8b35c3e6099b81351eb1dfb6e54 280w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/AddWidgetButton.png?w=560\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=9e357ae8128b337fbba2a6e5810f1760 560w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/AddWidgetButton.png?w=840\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=a7942544fdcada106c08a952b75969c9 840w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/AddWidgetButton.png?w=1100\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=ed3c40f7ca03d42ceeda0298dfb55134 1100w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/AddWidgetButton.png?w=1650\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=21ac5691518e6398783e3db1af930839 1650w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/AddWidgetButton.png?w=2500\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=d2a5836e583e2efd9fe180e2206caa10 2500w`})})]}),_jsxs(Step,{title:`Choose a Chart Type`,children:[_jsx(_components.p,{children:`Choose the type of chart you want to utilize. You can choose between a Pie, Donut, Bar, Line or Scatter chart.`}),_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/ChartType.png?fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=e6e7f64aaf7fc23a7682c2fae183ca50`,\"data-og-width\":`1726`,width:`1726`,\"data-og-height\":`1080`,height:`1080`,\"data-path\":`img/Dashboards/ChartType.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/ChartType.png?w=280\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=77d7cca2c4ffd516ce398e99147ba696 280w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/ChartType.png?w=560\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=4f54eca6caf21ebccdbe8279f2f547a4 560w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/ChartType.png?w=840\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=508c1e35c959778c191cac6afbbe717b 840w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/ChartType.png?w=1100\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=ff5264fcf33b7e7c12e5696d3c9bec0b 1100w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/ChartType.png?w=1650\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=3f85f5605c835b29421e6e14317ecb1f 1650w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/ChartType.png?w=2500\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=8a64e6bb96e925511b4bdb37a74771f3 2500w`})})]}),_jsxs(Step,{title:`Provide a name`,children:[_jsxs(_components.p,{children:[`In the top left corner, double-click on `,_jsx(_components.em,{children:`Untitled widget`}),` and provide a name for the selected chart widget.`]}),_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/NameWidget.png?fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=d8622b107d11d29d740658cfcadd6320`,\"data-og-width\":`1726`,width:`1726`,\"data-og-height\":`1081`,height:`1081`,\"data-path\":`img/Dashboards/NameWidget.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/NameWidget.png?w=280\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=70bc387542bb1e53ffaa69266f339b95 280w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/NameWidget.png?w=560\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=974d928c26d4305bbfac1aef3eed96ac 560w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/NameWidget.png?w=840\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=72e79c69f012fa989e15b9a10a2dd909 840w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/NameWidget.png?w=1100\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=ba8dbda292e182ee7ef26abe265ab393 1100w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/NameWidget.png?w=1650\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=ab39a209468ecf6ad26c26fe6fd02c5c 1650w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/NameWidget.png?w=2500\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=38b73cdc99298095a56e85f8f267a7a8 2500w`})})]}),_jsxs(Step,{title:`Choose Data Source`,children:[_jsxs(_components.p,{children:[`Choose a data source: `,_jsx(_components.a,{href:`/docs/blink-platform/tables/tables`,children:`Tables`}),`, `,_jsx(_components.a,{href:`/docs/case-management/case-management-settings#tables`,children:`Case Management Tables`}),` or `,_jsx(_components.a,{href:`/docs/blink-platform/dashboards/building-a-dashboard/source-types/case-management-reporting`,children:`Case Management Reportings`}),` and proceed by selecting the specific table column from the data source you would like to use.`]}),_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/SourceType.png?fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=a12b270a42c0e35e76f37edaed4905ef`,\"data-og-width\":`1728`,width:`1728`,\"data-og-height\":`1082`,height:`1082`,\"data-path\":`img/Dashboards/SourceType.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/SourceType.png?w=280\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=2ff637ec7be6312497f33a2e0fbe4856 280w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/SourceType.png?w=560\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=00ecef27f13b029bb403fe86c84569aa 560w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/SourceType.png?w=840\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=dd99d409a525622f263455d6aac04e76 840w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/SourceType.png?w=1100\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=e8434ed1c411f894b5142a4436bab9a2 1100w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/SourceType.png?w=1650\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=3d8a65418b2d6e5846e7f9bac666a528 1650w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/SourceType.png?w=2500\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=0930142178c550942e860f6c62b3dfec 2500w`})})]}),_jsxs(Step,{title:`Optional-Filter Data`,children:[_jsxs(_components.p,{children:[`Under the Filters section, you can use the `,_jsx(_components.a,{href:`/docs/workflows/building-workflows/condition-builder#condition-builder`,children:`condition builder`}),` to define one or more conditions that determine which records are included, filtering the underlying data accordingly. You can also create `,_jsx(_components.a,{href:`/docs/blink-platform/interface-components/condition-builder#the-advanced-condition-builder-and-nested-conditions`,children:`nested conditions`}),` to group related conditions together and apply their own `,_jsx(_components.code,{children:`AND`}),` or `,_jsx(_components.code,{children:`OR`}),` logic, enabling more advanced and precise filtering.`]}),_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/ChartConditionBuilder.png?fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=70a5b2439d27b090134e113bd7f2abf1`,\"data-og-width\":`3582`,width:`3582`,\"data-og-height\":`1996`,height:`1996`,\"data-path\":`img/Dashboards/ChartConditionBuilder.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/ChartConditionBuilder.png?w=280\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=ccdbb014cc6317206e6249d6859ba243 280w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/ChartConditionBuilder.png?w=560\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=9055adcbaaab398955a064ace4709b12 560w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/ChartConditionBuilder.png?w=840\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=7a6a71b366ab9a83ad6fdc37b2d83716 840w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/ChartConditionBuilder.png?w=1100\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=fed68d6d7c754591d2b4d396860fbb78 1100w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/ChartConditionBuilder.png?w=1650\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=cb5ea7b8e33756bc5cfad9c918cef54d 1650w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/ChartConditionBuilder.png?w=2500\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=81eca21d9bec73e311e1ec9c40493b3c 2500w`})})]})]}),`\n`,_jsx(Heading,{level:`2`,id:`chart-types-and-configuration`,children:`Chart Types and Configuration`}),`\n`,_jsxs(Tabs,{children:[_jsxs(Tab,{title:`Pie`,id:`pie`,\"data-child-heading-ids\":`[\"pie-chart-data-configuration\",\"scenario%3A\",\"1-distinct-count\",\"2-aggregated-view\"]`,children:[_jsx(Heading,{level:`3`,id:`pie-chart-data-configuration`,children:`Pie Chart Data Configuration`}),_jsxs(Note,{children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`Note`})}),_jsxs(_components.p,{children:[`The data used to configure the `,_jsx(_components.code,{children:`pie chart`}),` will be taken from a particular table from the `,_jsx(_components.a,{href:`/docs/blink-platform/tables/tables`,children:`tables feature`}),` or `,_jsx(_components.a,{href:`/docs/case-management/case-management`,children:`case management feature`}),`.`]}),_jsx(_components.p,{children:`As a reminder, chart elements can expose raw data that may be sensitive, and therefore should not be used if you have concerns with viewers being able to see that information.`})]}),_jsxs(Steps,{children:[_jsx(Step,{title:`Group By`,children:_jsxs(_components.ol,{children:[`\n`,_jsxs(_components.li,{children:[`\n`,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Column`}),`: Choose the table column you want to `,_jsx(_components.strong,{children:`group`}),` the `,_jsx(_components.code,{children:`pie chart`}),` by.`]}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[`\n`,_jsxs(_components.p,{children:[`If the selected column is a time period, you will see the `,_jsx(_components.strong,{children:`Bucket by`}),` option, allowing you to categorize the time period. This will be shown as a legend on the right side of the `,_jsx(_components.code,{children:`pie chart`}),`.`]}),`\n`,_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/BucketByPie.png?fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=5600a7b06d18cd56701f847f6c459e00`,\"data-og-width\":`1727`,width:`1727`,\"data-og-height\":`1083`,height:`1083`,\"data-path\":`img/Dashboards/BucketByPie.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/BucketByPie.png?w=280\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=2b9293ec7c395acebcb43db8e9ebfd51 280w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/BucketByPie.png?w=560\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=a299da0efc89009a6cf9ba741c2089de 560w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/BucketByPie.png?w=840\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=b018c85758e2a589910d8d5028b068a2 840w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/BucketByPie.png?w=1100\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=6e5e145141739d917378f11f6dc5c7af 1100w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/BucketByPie.png?w=1650\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=c32186006ae3e71cb58b86f0a7737a66 1650w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/BucketByPie.png?w=2500\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=7d0d04a29a1f1e656ca8a4b116f45111 2500w`})}),`\n`]}),`\n`,_jsxs(_components.li,{children:[`\n`,_jsx(_components.p,{children:`If the selected column contains user-related data, the ‘User Count’ option becomes available. This lets you choose how to group and count the data:`}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsx(_components.li,{children:`Distinct Count – Counts each user and group separately. If a record is linked to a specific user, that user’s name (or email) will appear in the legend. For example, in a pie chart, each slice represents an individual user or group`}),`\n`,_jsx(_components.li,{children:`Aggregated View– Groups records by user groups instead of individual entities. The legend will only show group names, and the count will include all records linked to the group, including those assigned to individual users in the group.`}),`\n`]}),`\n`,_jsxs(Accordion,{title:`Use Case Example: User Count`,id:`use-case-example-user-count`,children:[_jsx(Heading,{level:`3`,id:`scenario%3A`,children:`Scenario:`}),_jsxs(_components.p,{children:[`A team is tracking case management tasks using a pie chart where the `,_jsx(_components.strong,{children:`“Assigned To”`}),` column contains user-related data. In this example:`]}),_jsxs(_components.p,{children:[`There are a total of `,_jsx(_components.strong,{children:`5`}),` Tasks`]}),_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Talia`}),` is assigned `,_jsx(_components.strong,{children:`1 task`})]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`John`}),` is assigned `,_jsx(_components.strong,{children:`1 task`}),`.`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Noah`}),` is assigned `,_jsx(_components.strong,{children:`2 tasks`}),`.`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Group-CM Collab`}),` (which includes both John and Noah) is assigned `,_jsx(_components.strong,{children:`1 case`}),`.`]}),`\n`]}),_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/UserCountExample.png?fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=477ccd089e60f6163c1383ffe22d98ca`,\"data-og-width\":`3455`,width:`3455`,\"data-og-height\":`1900`,height:`1900`,\"data-path\":`img/Dashboards/UserCountExample.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/UserCountExample.png?w=280\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=d0f09bb354f4bb03ec0a6e62547b1ed6 280w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/UserCountExample.png?w=560\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=f4e32a241cfc5ca66c231201c26dd4d4 560w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/UserCountExample.png?w=840\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=16ddca07ef6cd113d4442d8f8ab70907 840w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/UserCountExample.png?w=1100\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=29dc0588c5e8a8c24b268808d06c8b9e 1100w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/UserCountExample.png?w=1650\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=af0a334a985e93d0aff92c0238a9d985 1650w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/UserCountExample.png?w=2500\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=db0607979fe6af0fe72634d9febcc5ad 2500w`})}),_jsx(_components.p,{children:`When visualizing this data, two different counting methods can be used:`}),_jsx(Heading,{level:`4`,id:`1-distinct-count`,children:_jsx(_components.strong,{children:`1. Distinct Count`})}),_jsx(_components.p,{children:`In this view, each task assigned to the users and group are counted separately:`}),_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Talia`}),` is assigned `,_jsx(_components.strong,{children:`1 task`})]}),`\n`,_jsx(_components.li,{children:_jsx(_components.strong,{children:`John: 1 tasks`})}),`\n`,_jsx(_components.li,{children:_jsx(_components.strong,{children:`Noah: 2 tasks`})}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Group-CM Collab: 1 task`}),` (only counting tasks assigned directly to the group, without including those tasks assigned to its members).`]}),`\n`]}),_jsx(Heading,{level:`4`,id:`2-aggregated-view`,children:_jsx(_components.strong,{children:`2. Aggregated View`})}),_jsx(_components.p,{children:`In this view, tasks are counted at the group level, including tasks belonging to individuals within the group:`}),_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Group- CM Collab`}),` appears as one of the groups as a legend item.`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Total tasks counted for Group- CM Collab: 4`}),` (`,_jsx(_components.strong,{children:`1 task`}),` assigned to John + `,_jsx(_components.strong,{children:`2 tasks`}),` assigned to Noah + `,_jsx(_components.strong,{children:`1 task`}),` assigned directly to Group- CM Collab).`]}),`\n`]})]}),`\n`]}),`\n`]}),`\n`]}),`\n`,_jsxs(_components.li,{children:[`\n`,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Sort By:`}),` Choose the order you want the data sorted by:`]}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsx(_components.li,{children:`Segment name (ascending)`}),`\n`,_jsx(_components.li,{children:`Segment name(descending)`}),`\n`,_jsx(_components.li,{children:`Segment count(ascending)`}),`\n`,_jsx(_components.li,{children:`Segment count(descending)`}),`\n`]}),`\n`,_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/SortByPie.png?fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=4d9dcdf37b2550f28a4c050e2026b87c`,\"data-og-width\":`1728`,width:`1728`,\"data-og-height\":`1085`,height:`1085`,\"data-path\":`img/Dashboards/SortByPie.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/SortByPie.png?w=280\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=cb8a96d5a2fc75d03a1fb46719c1913a 280w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/SortByPie.png?w=560\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=51ef2401ec9ca2ca99d62453617acd2f 560w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/SortByPie.png?w=840\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=6a66d47e167722708950013406530dc8 840w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/SortByPie.png?w=1100\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=5f4790475b29cd2e3f6593efe3eea8fc 1100w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/SortByPie.png?w=1650\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=d18823700b79512401da453e0a098636 1650w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/SortByPie.png?w=2500\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=ad7e920cd8d60941a01f7ea7ef8ac02a 2500w`})}),`\n`]}),`\n`,_jsxs(_components.li,{children:[`\n`,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Limit`}),`: Limit the number of bars shown on the chart to hide the lower count values`]}),`\n`,_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/GroupByPie.png?fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=e1757d33f3c5c5928ff2eb0de5d4b1ed`,\"data-og-width\":`1732`,width:`1732`,\"data-og-height\":`1081`,height:`1081`,\"data-path\":`img/Dashboards/GroupByPie.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/GroupByPie.png?w=280\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=27ce05db06e30a53be2b45c2d3c57292 280w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/GroupByPie.png?w=560\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=80d142c5739b21847ee4d00f40fb5ede 560w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/GroupByPie.png?w=840\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=6253da035226159f0c5e3c76db0afdd0 840w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/GroupByPie.png?w=1100\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=1a431d64e7358fab36eefeb14b0157f4 1100w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/GroupByPie.png?w=1650\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=f5e951cd2c6e9bbdbf7894cb2880f748 1650w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/GroupByPie.png?w=2500\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=bd5be0d3decf1879969eb710612e6229 2500w`})}),`\n`]}),`\n`]})}),_jsx(Step,{title:`Values`,children:_jsxs(_components.ol,{children:[`\n`,_jsxs(_components.li,{children:[`\n`,_jsxs(_components.p,{children:[`If you select `,_jsx(_components.strong,{children:`Record Count`}),`:`]}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsx(_components.li,{children:`The Chart widget will show the total number of records available in the chosen source table.`}),`\n`]}),`\n`,_jsx(_components.p,{children:_jsx(_components.strong,{children:`OR`})}),`\n`]}),`\n`,_jsxs(_components.li,{children:[`\n`,_jsxs(_components.p,{children:[`If you select `,_jsx(_components.strong,{children:`Field Function`}),` (You can only add a `,_jsx(_components.strong,{children:`Field Function`}),` if the selected column is a `,_jsx(_components.strong,{children:`numeric value`}),`).`]}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Choose a column`}),`: `,_jsx(_components.code,{children:`Time from Status Open to Status`}),`, `,_jsx(_components.code,{children:`Time in Status`}),` or `,_jsx(_components.code,{children:`Time to Assign`})]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Choose the sum operation that will be used to calculate the selected column values`}),`: `,_jsx(_components.code,{children:`Sum`}),`, `,_jsx(_components.code,{children:`Maximum`}),`, `,_jsx(_components.code,{children:`Minimum`}),`, `,_jsx(_components.code,{children:`Average`}),` or `,_jsx(_components.code,{children:`Median`}),`.`]}),`\n`]}),`\n`,_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/ValuePie.png?fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=303a2cf81078c197248b6b7dc12e2ad7`,\"data-og-width\":`1728`,width:`1728`,\"data-og-height\":`1089`,height:`1089`,\"data-path\":`img/Dashboards/ValuePie.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/ValuePie.png?w=280\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=c892d7efe3d910dce8fc7fc225f40a7c 280w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/ValuePie.png?w=560\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=74ba7e9008781645f7d82e69d7305a47 560w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/ValuePie.png?w=840\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=efa0124199bbe92fedbe8c3f02fc8730 840w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/ValuePie.png?w=1100\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=044c55ab304123b175815fbf1b071888 1100w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/ValuePie.png?w=1650\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=894f6bb7a04ca723021191871db5c233 1650w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/ValuePie.png?w=2500\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=1a28a6e62d61840664394b1ce77a179e 2500w`})}),`\n`]}),`\n`]})})]})]}),_jsxs(Tab,{title:`Donut`,id:`donut`,\"data-child-heading-ids\":`[\"donut-chart-data-configuration\"]`,children:[_jsx(Heading,{level:`3`,id:`donut-chart-data-configuration`,children:`Donut Chart Data Configuration`}),_jsxs(Note,{children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`Note`})}),_jsxs(_components.p,{children:[`The data used to configure the `,_jsx(_components.code,{children:`Donut Chart`}),` will be taken from a particular table from the `,_jsx(_components.a,{href:`/docs/blink-platform/tables/tables`,children:`tables feature`}),` or `,_jsx(_components.a,{href:`/docs/case-management/case-management`,children:`case management feature`}),`.`]}),_jsx(_components.p,{children:`As a reminder, chart elements can expose raw data that may be sensitive, and therefore should not be used if you have concerns with viewers being able to see that information.`})]}),_jsxs(Steps,{children:[_jsx(Step,{title:`Group By`,children:_jsxs(_components.ol,{children:[`\n`,_jsxs(_components.li,{children:[`\n`,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Column`}),`: Choose the table column you want to `,_jsx(_components.strong,{children:`group`}),` the `,_jsx(_components.code,{children:`donut chart`}),` by.`]}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[`\n`,_jsxs(_components.p,{children:[`If the selected column is a time period, you will be provided with the `,_jsx(_components.strong,{children:`Bucket by`}),` option, allowing you to group the column according the time period. This will be displayed as a legend on the right side of the `,_jsx(_components.code,{children:`donut chart`}),`.`]}),`\n`,_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/GroupByDonut.png?fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=a3c8f279e530b9f7603b6271fc7cdbcc`,\"data-og-width\":`1728`,width:`1728`,\"data-og-height\":`1086`,height:`1086`,\"data-path\":`img/Dashboards/GroupByDonut.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/GroupByDonut.png?w=280\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=cf6c36f068a7b8927e53f35c20ac2247 280w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/GroupByDonut.png?w=560\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=cffcc56fa259e5e4282c545319d76d1a 560w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/GroupByDonut.png?w=840\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=dba1b8970d97dca2caa652a4d3556b37 840w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/GroupByDonut.png?w=1100\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=50db019575f802fcba9c49c22c8a8587 1100w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/GroupByDonut.png?w=1650\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=72b0310a1ccb7ae78243e54c6e5917ff 1650w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/GroupByDonut.png?w=2500\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=a83b8155af4bd10e3df1bb3f31799a36 2500w`})}),`\n`]}),`\n`,_jsxs(_components.li,{children:[`\n`,_jsx(_components.p,{children:`If the selected column contains user-related data (such as “Purchased By” in this example), the “User Count” option becomes available. This lets you choose how to group and count the data:`}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsx(_components.li,{children:`Distinct Count – Counts each user and group separately. If a record is linked to a specific user, that user’s name (or email) will appear in the legend. For example, in a donut chart, each slice represents an individual user or group.`}),`\n`,_jsx(_components.li,{children:`Aggregated View – Groups records by user groups instead of individual entities. The legend will only show group names, and the count will include all records linked to the group, including those assigned to specific users within it.`}),`\n`]}),`\n`,_jsx(Frame,{caption:`In the following image, the donut chart groups purchases by user groups, with each colored section representing a user group (by name), and its size indicating the total number of purchases made by that group as well as by each user within the group`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/CountByDonut.png?fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=16d0c33cec510fa13cf607600d6e4836`,\"data-og-width\":`1728`,width:`1728`,\"data-og-height\":`1078`,height:`1078`,\"data-path\":`img/Dashboards/CountByDonut.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/CountByDonut.png?w=280\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=c4fb68dc1f9167c4ecfb3bcc2d7e081a 280w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/CountByDonut.png?w=560\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=8abfeb16baa1f9d8c88cbb22a3b7d742 560w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/CountByDonut.png?w=840\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=5a310527c58eac065caa26b1377d83b3 840w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/CountByDonut.png?w=1100\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=97031ee0f52f2bc98114cf63ea40a054 1100w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/CountByDonut.png?w=1650\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=45d3039e8f1db491ef2d935f76f2af4e 1650w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/CountByDonut.png?w=2500\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=e78d477dbe26554a9765431a4d2b1a3a 2500w`})}),`\n`]}),`\n`]}),`\n`]}),`\n`,_jsxs(_components.li,{children:[`\n`,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Sort By:`}),` Choose the order you want the data sorted by:`]}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsx(_components.li,{children:`Segment name (ascending)`}),`\n`,_jsx(_components.li,{children:`Segment name(descending)`}),`\n`,_jsx(_components.li,{children:`Segment count(ascending)`}),`\n`,_jsx(_components.li,{children:`Segment count(descending)`}),`\n`]}),`\n`,_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/SortByDonut.png?fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=f59448b36beaaed59837b094424dfa28`,\"data-og-width\":`1726`,width:`1726`,\"data-og-height\":`1086`,height:`1086`,\"data-path\":`img/Dashboards/SortByDonut.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/SortByDonut.png?w=280\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=a7237bc9b74c723116a32049ece2322b 280w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/SortByDonut.png?w=560\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=bd24a598d743caaa4d869e9e0094dceb 560w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/SortByDonut.png?w=840\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=e44a13f0f381c732458dc3da52e0695a 840w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/SortByDonut.png?w=1100\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=be8593ea2e0cf2a8f4c045d39f0bc94d 1100w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/SortByDonut.png?w=1650\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=8e7005c6fa8f318fc3be1268417fa2b4 1650w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/SortByDonut.png?w=2500\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=1443f559b4681dfa76efcf391cbb158d 2500w`})}),`\n`]}),`\n`,_jsxs(_components.li,{children:[`\n`,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Limit`}),`: Limit the number of segments shown on the donut chart to hide the lower count values.`]}),`\n`]}),`\n`]})}),_jsxs(Step,{title:`Values`,children:[_jsxs(_components.ol,{children:[`\n`,_jsxs(_components.li,{children:[`If you select `,_jsx(_components.strong,{children:`Record Count`}),`:`,`\n`,_jsxs(_components.ul,{children:[`\n`,_jsx(_components.li,{children:`The Chart widget will show the total number of records available in the chosen source table.`}),`\n`]}),`\n`]}),`\n`]}),_jsx(_components.p,{children:_jsx(_components.strong,{children:`OR`})}),_jsxs(_components.ol,{start:`2`,children:[`\n`,_jsxs(_components.li,{children:[`If you select `,_jsx(_components.strong,{children:`Field Function`}),` (You can only add a `,_jsx(_components.strong,{children:`Field Function`}),` if the selected column is a `,_jsx(_components.strong,{children:`numeric value`}),`).`,`\n`,_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Choose a column`}),`: `,_jsx(_components.code,{children:`Number`})]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Choose the sum operation that will be used to calculate the selected column values`}),`: `,_jsx(_components.code,{children:`Sum`}),`, `,_jsx(_components.code,{children:`Maximum`}),`, `,_jsx(_components.code,{children:`Minimum`}),`, `,_jsx(_components.code,{children:`Average`}),` or `,_jsx(_components.code,{children:`Median`}),`.`]}),`\n`]}),`\n`]}),`\n`]}),_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/FieldFunctionDonut.png?fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=3379abd43727e407ca003d9d0e2c18f8`,\"data-og-width\":`1727`,width:`1727`,\"data-og-height\":`1080`,height:`1080`,\"data-path\":`img/Dashboards/FieldFunctionDonut.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/FieldFunctionDonut.png?w=280\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=350edb4ce39dfd38aa11003330b9fa72 280w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/FieldFunctionDonut.png?w=560\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=639d83ab7b1f33147b23a9fb0429221c 560w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/FieldFunctionDonut.png?w=840\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=996752ddd92ed6eb8368e1f79ec7b10e 840w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/FieldFunctionDonut.png?w=1100\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=406f2ec428d966f1decf8e7e31761add 1100w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/FieldFunctionDonut.png?w=1650\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=49d34cc62b254e105d67cf2f42beef03 1650w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/FieldFunctionDonut.png?w=2500\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=5e3a42eb6cd46d120625d1dfd0e0d5f2 2500w`})})]})]})]}),_jsxs(Tab,{title:`Bar`,id:`bar`,\"data-child-heading-ids\":`[\"bar-chart-data-configuration\"]`,children:[_jsx(Heading,{level:`3`,id:`bar-chart-data-configuration`,children:`Bar Chart Data Configuration`}),_jsxs(Note,{children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`Note`})}),_jsxs(_components.p,{children:[`The data used to configure the `,_jsx(_components.code,{children:`Bar Chart`}),` will be taken from a particular table from the `,_jsx(_components.a,{href:`/docs/blink-platform/tables/tables`,children:`tables feature`}),` or `,_jsx(_components.a,{href:`/docs/case-management/case-management`,children:`case management feature`}),`.`]}),_jsx(_components.p,{children:`As a reminder, chart elements can expose raw data that may be sensitive, and therefore should not be used if you have concerns with viewers being able to see that information.`})]}),_jsxs(Steps,{children:[_jsxs(Step,{title:`Set the X axis`,children:[_jsxs(_components.ol,{children:[`\n`,_jsxs(_components.li,{children:[`\n`,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Column`}),`: Choose the table column you want displayed on the `,_jsx(_components.strong,{children:`X axis`}),`.`]}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[`\n`,_jsxs(_components.p,{children:[`If the selected column is a `,_jsx(_components.strong,{children:`time period`}),`, you will be provided with the `,_jsx(_components.strong,{children:`Bucket by`}),` option, allowing you to group the column according the time period.`]}),`\n`]}),`\n`,_jsxs(_components.li,{children:[`\n`,_jsx(_components.p,{children:`If the selected column contains user-related data, the User Count option becomes available. This determines how data is grouped on the x-axis in a bar chart:`}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Distinct Count`}),` – Each bar represents an individual user or group separately. If a record is linked to a specific user, that user’s name (or email) will appear on the x-axis. This allows you to see how many records belong to each user or group independently.`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Aggregated View`}),` – Groups records by user groups instead of individual entities. The x-axis will display only group names, and the count will include all records assigned to the group, including those assigned to individual users in the group.`]}),`\n`]}),`\n`]}),`\n`]}),`\n`]}),`\n`,_jsxs(_components.li,{children:[`\n`,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Sort By:`}),` Choose how you want the data sorted by:`]}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsx(_components.li,{children:`X-axis value (ascending)`}),`\n`,_jsx(_components.li,{children:`X-axis value(descending)`}),`\n`,_jsx(_components.li,{children:`Y-axis value(ascending)`}),`\n`,_jsx(_components.li,{children:`Y-axis value(descending)`}),`\n`]}),`\n`]}),`\n`,_jsxs(_components.li,{children:[`\n`,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Limit`}),`: Limit the number of bars shown on the chart to hide the lower count values`]}),`\n`]}),`\n`]}),_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/BarXAxis.png?fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=23faaeb4a6af3b91f0e6830aff24adea`,\"data-og-width\":`1727`,width:`1727`,\"data-og-height\":`1085`,height:`1085`,\"data-path\":`img/Dashboards/BarXAxis.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/BarXAxis.png?w=280\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=dd73775adf31c9a71cba4183e1c29744 280w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/BarXAxis.png?w=560\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=66d59e6ee5b589606f40afd845f1cf83 560w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/BarXAxis.png?w=840\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=d1a38b06eb8a9835ec1b0662b0983e7c 840w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/BarXAxis.png?w=1100\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=f0548eae88929ad73c12e919012273c6 1100w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/BarXAxis.png?w=1650\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=5a904fcce895b4a4f8cf0c5e68d241a2 1650w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/BarXAxis.png?w=2500\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=7ccd5033884b5b111879015da8f0e1b5 2500w`})})]}),_jsxs(Step,{title:`Set the Y axis`,children:[_jsxs(_components.ol,{children:[`\n`,_jsxs(_components.li,{children:[`If you select `,_jsx(_components.strong,{children:`Record Count`}),`:`,`\n`,_jsxs(_components.ul,{children:[`\n`,_jsx(_components.li,{children:`It will display the number of records available on the selected source table on the Chart widget.`}),`\n`]}),`\n`]}),`\n`]}),_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/BarYAxis.png?fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=951a76c21bb749d66da92f2a49e404ab`,\"data-og-width\":`1726`,width:`1726`,\"data-og-height\":`1083`,height:`1083`,\"data-path\":`img/Dashboards/BarYAxis.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/BarYAxis.png?w=280\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=fa6f381f4ef3300369d5780b69086af3 280w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/BarYAxis.png?w=560\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=500db6a8ac6f74e11cb7b63131bc20f9 560w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/BarYAxis.png?w=840\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=943d98786a18a620742c3f797148c635 840w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/BarYAxis.png?w=1100\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=bbab088376d3bb987ae0c96c0b7ef8bb 1100w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/BarYAxis.png?w=1650\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=bcd7e1e427598b057fc4331dafca2901 1650w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/BarYAxis.png?w=2500\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=91465e61fab06ef4018ada5ceb41fc30 2500w`})}),_jsx(_components.p,{children:_jsx(_components.strong,{children:`OR`})}),_jsxs(_components.ol,{start:`2`,children:[`\n`,_jsxs(_components.li,{children:[`If you select `,_jsx(_components.strong,{children:`Field Function`}),` (You can only add a `,_jsx(_components.strong,{children:`Field Function`}),` if the selected column is a `,_jsx(_components.strong,{children:`numeric value`}),`).`,`\n`,_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Choose a column`}),`: `,_jsx(_components.code,{children:`Time from Status Open to Status`}),`, `,_jsx(_components.code,{children:`Time in Status`}),` or `,_jsx(_components.code,{children:`Time to Assign`})]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Choose the sum operation that will be used to calculate the selected column values`}),`: `,_jsx(_components.code,{children:`Sum`}),`, `,_jsx(_components.code,{children:`Maximum`}),`, `,_jsx(_components.code,{children:`Minimum`}),`, `,_jsx(_components.code,{children:`Average`}),` or `,_jsx(_components.code,{children:`Median`}),`.`]}),`\n`]}),`\n`]}),`\n`]})]})]})]}),_jsxs(Tab,{title:`Line`,id:`line`,\"data-child-heading-ids\":`[\"line-chart-data-configuration\"]`,children:[_jsx(Heading,{level:`3`,id:`line-chart-data-configuration`,children:`Line Chart Data Configuration`}),_jsxs(Note,{children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`Note`})}),_jsxs(_components.p,{children:[`The data used to configure the `,_jsx(_components.code,{children:`Line Chart`}),` will be taken from a particular table from the `,_jsx(_components.a,{href:`/docs/blink-platform/tables/tables`,children:`tables feature`}),` or `,_jsx(_components.a,{href:`/docs/case-management/case-management`,children:`case management feature`}),`.`]}),_jsx(_components.p,{children:`As a reminder, chart elements can expose raw data that may be sensitive, and therefore should not be used if you have concerns with viewers being able to see that information.`})]}),_jsxs(Steps,{children:[_jsx(Step,{title:`Set the X axis`,children:_jsxs(_components.ol,{children:[`\n`,_jsxs(_components.li,{children:[`\n`,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Column`}),` Choose the table column you want displayed on the `,_jsx(_components.strong,{children:`X axis`}),`.`]}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[`If the selected column is a time period, you will be provided with the `,_jsx(_components.strong,{children:`Bucket by`}),` option, allowing you to group the column according the time period.`]}),`\n`]}),`\n`,_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/LineXAxis.png?fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=e0ac4df75cc0c5c7a6960695a9d88410`,\"data-og-width\":`1717`,width:`1717`,\"data-og-height\":`1079`,height:`1079`,\"data-path\":`img/Dashboards/LineXAxis.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/LineXAxis.png?w=280\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=c381ed3337703d4d9748c503448cb3b4 280w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/LineXAxis.png?w=560\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=8912d7368350edb4a45d3b0b35214e05 560w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/LineXAxis.png?w=840\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=470aa8be140b2740e7738afe33aaf342 840w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/LineXAxis.png?w=1100\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=68b1a459f27134b4cba9c29f924e7485 1100w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/LineXAxis.png?w=1650\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=962547b4dd93b3beb4b6a7bbf56304c2 1650w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/LineXAxis.png?w=2500\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=1a19ea225c48f1031b43377393e17ec7 2500w`})}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[`\n`,_jsx(_components.p,{children:`If the selected column contains user-related data (such as “Purchased By” in this example), the User Count option becomes available. This determines how data is plotted on the x-axis in a line chart:`}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Distinct Count`}),` – Each point on the line represents an individual user or group separately. If a record is linked to a specific user, that user’s name (or email) will appear on the `,_jsx(_components.code,{children:`x-axis`}),`.`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Aggregated View`}),` – Groups records by user groups instead of individual entities. The `,_jsx(_components.code,{children:`x-axis`}),` will display only group names, and the line will represent the total count of records assigned to each group, including those assigned to individual users in the group.`]}),`\n`]}),`\n`,_jsx(Frame,{caption:`Line chart showing aggregated purchase counts by user group. The x-axis displays grouped user names (from the Purchased by column), while the y-axis shows the total number of purchases made by each group, including purchases made by users in the group`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/CountByLine.png?fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=5846b8b8bea44c75ece49d09a44a5f55`,\"data-og-width\":`1728`,width:`1728`,\"data-og-height\":`1079`,height:`1079`,\"data-path\":`img/Dashboards/CountByLine.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/CountByLine.png?w=280\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=77832002b6d952388cc454f03572ea76 280w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/CountByLine.png?w=560\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=ab5da340f8d2ebd129b38de6aa1972ef 560w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/CountByLine.png?w=840\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=692897911a274567be99a1b6659daff9 840w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/CountByLine.png?w=1100\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=8d4d221b388778d54c2528da6c63f6ff 1100w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/CountByLine.png?w=1650\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=162920e4f491ffc8e71e52f871f0467e 1650w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/CountByLine.png?w=2500\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=0e3f3437f4310a77fc80a79f74a8506b 2500w`})}),`\n`]}),`\n`]}),`\n`]}),`\n`,_jsxs(_components.li,{children:[`\n`,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Sort By:`}),` Choose how you want the data sorted by:`]}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[`\n`,_jsx(_components.p,{children:`X-axis value (ascending)`}),`\n`]}),`\n`,_jsxs(_components.li,{children:[`\n`,_jsx(_components.p,{children:`X-axis value(descending)`}),`\n`]}),`\n`,_jsxs(_components.li,{children:[`\n`,_jsx(_components.p,{children:`Y-axis value(ascending)`}),`\n`]}),`\n`,_jsxs(_components.li,{children:[`\n`,_jsx(_components.p,{children:`Y-axis value(descending)`}),`\n`,_jsx(Frame,{caption:`Line chart showing aggregated purchase counts by user group. The x-axis displays grouped user names (from the Purchased by column), while the y-axis shows the total number of purchases made by each group, including purchases made by users in the group`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/SortByLineAxis.png?fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=8c3f695ccf2bab3ff67f60c0cb5934d1`,\"data-og-width\":`1727`,width:`1727`,\"data-og-height\":`1083`,height:`1083`,\"data-path\":`img/Dashboards/SortByLineAxis.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/SortByLineAxis.png?w=280\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=dd24d218f758ebbf25e5686e128101ab 280w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/SortByLineAxis.png?w=560\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=10a229dd1efcd48bb052d97f2b1bca28 560w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/SortByLineAxis.png?w=840\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=2f1e90fd670d577340f0bbb2525743a7 840w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/SortByLineAxis.png?w=1100\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=dda5eb7375aea36a652192614af58c61 1100w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/SortByLineAxis.png?w=1650\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=1658a8da5b1c6484d03b02bb77e1a2b5 1650w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/SortByLineAxis.png?w=2500\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=2c03c9310e299829830ea538009f3658 2500w`})}),`\n`]}),`\n`]}),`\n`]}),`\n`,_jsxs(_components.li,{children:[`\n`,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Limit`}),`: Limit the number of bars shown on the chart to hide the lower count values`]}),`\n`]}),`\n`]})}),_jsxs(Step,{title:`Set the Y axis`,children:[_jsxs(_components.ol,{children:[`\n`,_jsxs(_components.li,{children:[`If you select `,_jsx(_components.strong,{children:`Record Count`}),`:`,`\n`,_jsxs(_components.ul,{children:[`\n`,_jsx(_components.li,{children:`The Chart widget will show the total number of records available in the chosen source table.`}),`\n`]}),`\n`]}),`\n`]}),_jsx(_components.p,{children:_jsx(_components.strong,{children:`OR`})}),_jsxs(_components.ol,{start:`2`,children:[`\n`,_jsxs(_components.li,{children:[`If you select `,_jsx(_components.strong,{children:`Field Function`}),` (You can only add a `,_jsx(_components.strong,{children:`Field Function`}),` if the selected column is a `,_jsx(_components.strong,{children:`numeric value`}),`).`,`\n`,_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Choose a column`}),`: `,_jsx(_components.code,{children:`Number`}),`.`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Choose the sum operation that will be used to calculate the selected column values`}),`: `,_jsx(_components.code,{children:`Sum`}),`, `,_jsx(_components.code,{children:`Maximum`}),`, `,_jsx(_components.code,{children:`Minimum`}),`, `,_jsx(_components.code,{children:`Average`}),` or `,_jsx(_components.code,{children:`Median`}),`.`]}),`\n`]}),`\n`]}),`\n`]}),_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/LineYAxis.png?fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=23095e7294e571f737b511ae637bc7fe`,\"data-og-width\":`1728`,width:`1728`,\"data-og-height\":`1079`,height:`1079`,\"data-path\":`img/Dashboards/LineYAxis.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/LineYAxis.png?w=280\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=87afcc198151e2f987c96ab0c9373dec 280w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/LineYAxis.png?w=560\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=ab49ffc725c3f1fea1ef16990816f051 560w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/LineYAxis.png?w=840\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=44d3c7bfdf6eddc282942d5cbb156e3a 840w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/LineYAxis.png?w=1100\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=d43911140fcf7dd620dff7d6e4a76af6 1100w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/LineYAxis.png?w=1650\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=30a1f69dde701f148f1c20ccd21a86f0 1650w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/LineYAxis.png?w=2500\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=0906dc1c861f6121040cd9b7ab34d826 2500w`})})]})]})]}),_jsxs(Tab,{title:`Scatter`,id:`scatter`,\"data-child-heading-ids\":`[\"scatter-chart-data-configuration\"]`,children:[_jsx(Heading,{level:`3`,id:`scatter-chart-data-configuration`,children:`Scatter Chart Data Configuration`}),_jsxs(Note,{children:[_jsx(_components.p,{children:_jsx(_components.strong,{children:`Note`})}),_jsxs(_components.p,{children:[`The data used to configure the `,_jsx(_components.code,{children:`Scatter Chart`}),` will be taken from a particular table from the `,_jsx(_components.a,{href:`/docs/blink-platform/tables/tables`,children:`tables feature`}),` or `,_jsx(_components.a,{href:`/docs/case-management/case-management`,children:`case management feature`}),`.`]}),_jsx(_components.p,{children:`As a reminder, chart elements can expose raw data that may be sensitive, and therefore should not be used if you have concerns with viewers being able to see that information.`})]}),_jsxs(Steps,{children:[_jsx(Step,{title:`Set the X axis`,children:_jsxs(_components.ol,{children:[`\n`,_jsxs(_components.li,{children:[`\n`,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Column`}),`: Choose the table column you want displayed on the `,_jsx(_components.strong,{children:`X axis`}),`. If the selected column is a time period, you will be provided with the `,_jsx(_components.strong,{children:`Bucket by`}),` option, allowing you to group the column according the time period.`]}),`\n`,_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/ScatterXAxis.png?fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=143c3922699f4783d9512f36655ef19c`,\"data-og-width\":`1728`,width:`1728`,\"data-og-height\":`1086`,height:`1086`,\"data-path\":`img/Dashboards/ScatterXAxis.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/ScatterXAxis.png?w=280\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=1b635dcd0d1c60966e7669e7ba1e704f 280w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/ScatterXAxis.png?w=560\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=a907ccdc542f93894ee4462c659c20bb 560w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/ScatterXAxis.png?w=840\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=626ddd87b9b667a4194cfc82bf9e0cc7 840w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/ScatterXAxis.png?w=1100\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=7b3fa1176ba6e884b74b9340a6de1708 1100w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/ScatterXAxis.png?w=1650\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=f74991d7c9bfc1dc560b5952e5b1566e 1650w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/ScatterXAxis.png?w=2500\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=799570890641046b3fed09277eabcaea 2500w`})}),`\n`]}),`\n`]})}),_jsxs(Step,{title:`Set the Y axis`,children:[_jsxs(_components.ol,{children:[`\n`,_jsxs(_components.li,{children:[`If you select `,_jsx(_components.strong,{children:`Record Count`}),`:`,`\n`,_jsxs(_components.ul,{children:[`\n`,_jsx(_components.li,{children:`The Chart widget will show the total number of records available in the chosen source table.`}),`\n`]}),`\n`]}),`\n`]}),_jsx(_components.p,{children:_jsx(_components.strong,{children:`OR`})}),_jsxs(_components.ol,{start:`2`,children:[`\n`,_jsxs(_components.li,{children:[`If you select `,_jsx(_components.strong,{children:`Field Function`}),` (You can only add a `,_jsx(_components.strong,{children:`Field Function`}),` if the selected column is a `,_jsx(_components.strong,{children:`numeric value`}),`).`,`\n`,_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Choose a column`}),`: `,_jsx(_components.code,{children:`Number`})]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Choose the sum operation that will be used to calculate the selected column values`}),`: `,_jsx(_components.code,{children:`Sum`}),`, `,_jsx(_components.code,{children:`Maximum`}),`, `,_jsx(_components.code,{children:`Minimum`}),`, `,_jsx(_components.code,{children:`Average`}),` or `,_jsx(_components.code,{children:`Median`}),`.`]}),`\n`]}),`\n`]}),`\n`]}),_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/ScatterYAxis.png?fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=9fb72be493fe00fb475be3dffcd574e3`,\"data-og-width\":`1728`,width:`1728`,\"data-og-height\":`1086`,height:`1086`,\"data-path\":`img/Dashboards/ScatterYAxis.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/ScatterYAxis.png?w=280\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=37307ae065e2fb3ab887327c696b2c3a 280w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/ScatterYAxis.png?w=560\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=f8f33bfd459b434b930c9d61b47eaaff 560w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/ScatterYAxis.png?w=840\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=455475eeb96d7ee3ec800acc749f939e 840w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/ScatterYAxis.png?w=1100\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=3e489d6b94fa479771416576155e38cd 1100w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/ScatterYAxis.png?w=1650\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=947b9d3c2f6404d4ccc23d367fc84921 1650w, https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/ScatterYAxis.png?w=2500\u0026fit=max\u0026auto=format\u0026n=SbkcEaz7WANh9_cC\u0026q=85\u0026s=63e5b52b6abe25ca302e9880826d569f 2500w`})})]})]})]})]}),`\n`,_jsx(Heading,{level:`2`,id:`customize-widget-appearance`,children:`Customize Widget Appearance`}),`\n`,_jsxs(_components.p,{children:[`In the ‘Appearance Tab’, you can customize the appearance of a `,_jsx(_components.a,{href:`/docs/blink-platform/dashboards/building-a-dashboard/widgets/charts`,children:`chart widget`}),` by selecting a color palette and customizing the legend, as well as the X and Y axis labels.`]}),`\n`,_jsx(Note,{children:_jsxs(_components.p,{children:[`Widgets that display case severity data will use the `,_jsx(_components.strong,{children:`default system color palette`}),` by default. However, you can customize the color palette to better suit your preferences.`]})}),`\n`,_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/CustomizeDashboards.png?fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=0e98e52f01fdd62fec2fd141b5b0c936`,\"data-og-width\":`1728`,width:`1728`,\"data-og-height\":`1079`,height:`1079`,\"data-path\":`img/Dashboards/CustomizeDashboards.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/CustomizeDashboards.png?w=280\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=888ffdf7b35829629146c567cad41517 280w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/CustomizeDashboards.png?w=560\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=f82ee58337b113397f35bf060b94dcf0 560w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/CustomizeDashboards.png?w=840\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=32b93cfea442942e2fcd649e72ae0f3e 840w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/CustomizeDashboards.png?w=1100\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=f108490305a9e3f294fd3567c448335e 1100w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/CustomizeDashboards.png?w=1650\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=74e0f442e08af45459798b695945e73a 1650w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/CustomizeDashboards.png?w=2500\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=84c62c7d8120d3ec5ac4d9f9a320f615 2500w`})}),`\n`,_jsxs(_components.ol,{children:[`\n`,_jsxs(_components.li,{children:[_jsxs(_components.strong,{children:[`For the `,_jsx(_components.a,{href:`/docs/blink-platform/dashboards/building-a-dashboard/widgets/charts#chart-types-and-configuration`,children:`pie chart`}),` and `,_jsx(_components.a,{href:`/docs/blink-platform/dashboards/building-a-dashboard/widgets/charts#chart-types-and-configuration`,children:`donut chart`}),` widgets:`]}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsx(_components.li,{children:`You can position the legend at the top, bottom, left, or right of the chart, or hide it entirely if you don’t want it to be displayed.`}),`\n`,_jsx(_components.li,{children:`You can also enable a toggle option to display a custom title.`}),`\n`]}),`\n`]}),`\n`]}),`\n`,_jsx(_components.p,{children:_jsx(_components.strong,{children:`For Example`})}),`\n`,_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/CustomizeDonutChart.png?fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=a46d95c468fe8d730dc80c98747d6167`,\"data-og-width\":`1728`,width:`1728`,\"data-og-height\":`1090`,height:`1090`,\"data-path\":`img/Dashboards/CustomizeDonutChart.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/CustomizeDonutChart.png?w=280\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=9a8ba5791c96019d0d91533414ba11eb 280w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/CustomizeDonutChart.png?w=560\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=ac05f17b074be59fd4b93b540b0db9a0 560w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/CustomizeDonutChart.png?w=840\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=9b088724e88f85291c0a7ea0361c550c 840w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/CustomizeDonutChart.png?w=1100\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=a2d55af03176e8f154ef48574db14b7a 1100w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/CustomizeDonutChart.png?w=1650\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=7cb4f0b48eb67b3db92f77273ae10405 1650w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/CustomizeDonutChart.png?w=2500\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=89500022b20173db97334c7bcd86b58c 2500w`})}),`\n`,_jsxs(_components.ol,{start:`2`,children:[`\n`,_jsxs(_components.li,{children:[_jsxs(_components.strong,{children:[`For the `,_jsx(_components.a,{href:`/docs/blink-platform/dashboards/building-a-dashboard/widgets/charts#chart-types-and-configuration`,children:`bar chart`}),`, `,_jsx(_components.a,{href:`/docs/blink-platform/dashboards/building-a-dashboard/widgets/charts#chart-types-and-configuration`,children:`line chart`}),`, and `,_jsx(_components.a,{href:`/docs/blink-platform/dashboards/building-a-dashboard/widgets/charts#chart-types-and-configuration`,children:`scatter chart`}),` widgets:`]}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsx(_components.li,{children:`To customize the selected chart, choose a single color from the palette by clicking the colored square next to the “Color” label. Then choose a single color to apply to the chart.`}),`\n`,_jsx(_components.li,{children:`You can toggle options to display labels for the X and Y axes.`}),`\n`]}),`\n`]}),`\n`]}),`\n`,_jsx(_components.p,{children:_jsx(_components.strong,{children:`For Example`})}),`\n`,_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/CustomizeBarGraph.png?fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=2e5842f19537c6ccd10ed9fe1204ab82`,\"data-og-width\":`1728`,width:`1728`,\"data-og-height\":`1088`,height:`1088`,\"data-path\":`img/Dashboards/CustomizeBarGraph.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/CustomizeBarGraph.png?w=280\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=ce13057e75a87686bb96f45ea23ad5d1 280w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/CustomizeBarGraph.png?w=560\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=4d98d74f113939c79fd29ac4e2a4ef48 560w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/CustomizeBarGraph.png?w=840\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=bbc94c6a622fe1694b5ebb8d0982ab58 840w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/CustomizeBarGraph.png?w=1100\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=0b66b91c70a454f1533f2c23976ab984 1100w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/CustomizeBarGraph.png?w=1650\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=50cd71753fae03f2ae628b7858bbc0ea 1650w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/CustomizeBarGraph.png?w=2500\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=b21a8ab946c3a09cacbe74b74152539d 2500w`})}),`\n`,_jsxs(_components.ol,{start:`3`,children:[`\n`,_jsxs(_components.li,{children:[`Any other changes made in the `,_jsx(_components.strong,{children:`Data`}),` tab, will be automatically applied to the widget in real time.`]}),`\n`]}),`\n`,_jsx(Heading,{level:`2`,id:`deleting-a-chart-widget`,children:`Deleting a Chart Widget`}),`\n`,_jsxs(_components.ol,{children:[`\n`,_jsxs(_components.li,{children:[`\n`,_jsxs(`p`,{children:[`In the left-hand sidebar, click the `,_jsx(Icon,{icon:`square-ellipsis-vertical`,iconType:`solid`}),` icon in the top-right corner and then select the delete button.`]}),`\n`]}),`\n`,_jsxs(_components.li,{children:[`\n`,_jsx(_components.p,{children:`The Chart Widget will be removed from your Dashboard Building Interface.`}),`\n`]}),`\n`]}),`\n`,_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/DeleteChart.png?fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=d0cbf7f8e1628d079bb4229cdd4b5d02`,\"data-og-width\":`3536`,width:`3536`,\"data-og-height\":`1948`,height:`1948`,\"data-path\":`img/Dashboards/DeleteChart.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/DeleteChart.png?w=280\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=76c68fd6c13c92358ca17bc982aace60 280w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/DeleteChart.png?w=560\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=2edcd79c92d0eb7dd2891915e51bec85 560w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/DeleteChart.png?w=840\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=83c859c33b84f2ff99da902a6d7d3967 840w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/DeleteChart.png?w=1100\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=44995807e57c572340e2dc33558247d9 1100w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/DeleteChart.png?w=1650\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=9e9976a6f7a139bc651d5550861f4c12 1650w, https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/DeleteChart.png?w=2500\u0026fit=max\u0026auto=format\u0026n=yJ58SW0nEEHwB-YX\u0026q=85\u0026s=5f69e393f75a4e7be2ea52932cb6c7bc 2500w`})})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"codeStyling":"dark","config":{},"pageMetadata":{"title":"Charts","description":"Instructions on how to create and use the Chart Widget","href":"/docs/blink-platform/dashboards/building-a-dashboard/widgets/charts"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Adding Chart Widgets","slug":"adding-chart-widgets","depth":2,"children":[]},{"title":"Chart Types and Configuration","slug":"chart-types-and-configuration","depth":2,"children":[{"title":"Pie Chart Data Configuration","slug":"pie-chart-data-configuration","depth":3,"children":[],"tabId":"pie"},{"title":"Donut Chart Data Configuration","slug":"donut-chart-data-configuration","depth":3,"children":[],"tabId":"donut"},{"title":"Bar Chart Data Configuration","slug":"bar-chart-data-configuration","depth":3,"children":[],"tabId":"bar"},{"title":"Line Chart Data Configuration","slug":"line-chart-data-configuration","depth":3,"children":[],"tabId":"line"},{"title":"Scatter Chart Data Configuration","slug":"scatter-chart-data-configuration","depth":3,"children":[],"tabId":"scatter"}]},{"title":"Customize Widget Appearance","slug":"customize-widget-appearance","depth":2,"children":[]},{"title":"Deleting a Chart Widget","slug":"deleting-a-chart-widget","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"blinkops-2","siteName":"BlinkOps Documentation","title":"Charts - BlinkOps Documentation","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-10-11T11:09:04.973Z","originalFileLocation":"docs/blink-platform/dashboards/building-a-dashboard/widgets/charts.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"Instructions on how to create and use the Chart Widget\">\u003cmeta data-mint-head name=\"application-name\" content=\"BlinkOps Documentation\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/blinkops-2/7G_DZOlCBlov2A1k/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/blinkops-2/7G_DZOlCBlov2A1k/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/blinkops-2/7G_DZOlCBlov2A1k/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/blinkops-2/7G_DZOlCBlov2A1k/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/blinkops-2/7G_DZOlCBlov2A1k/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/blinkops-2/7G_DZOlCBlov2A1k/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/blinkops-2/7G_DZOlCBlov2A1k/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/blinkops-2/7G_DZOlCBlov2A1k/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/blinkops-2/7G_DZOlCBlov2A1k/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Charts - BlinkOps Documentation\">\u003cmeta data-mint-head property=\"og:description\" content=\"Instructions on how to create and use the Chart Widget\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"BlinkOps Documentation\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.blinkops.com/docs/blink-platform/dashboards/building-a-dashboard/widgets/charts\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://blinkops-2.mintlify.app/_mintlify/api/og/v2?division=Widgets\u0026amp;title=Charts\u0026amp;description=Instructions+on+how+to+create+and+use+the+Chart+Widget\u0026amp;theme=5f867c4b3d6ce5e7185a453d\u0026amp;signature=f56a78e7f82fdb580b80d61c7ef376ec2e21df5c3a67d11ad8939bcbb428ad04\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Charts - BlinkOps Documentation\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Instructions on how to create and use the Chart Widget\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://blinkops-2.mintlify.app/_mintlify/api/og/v2?division=Widgets\u0026amp;title=Charts\u0026amp;description=Instructions+on+how+to+create+and+use+the+Chart+Widget\u0026amp;theme=5f867c4b3d6ce5e7185a453d\u0026amp;signature=f56a78e7f82fdb580b80d61c7ef376ec2e21df5c3a67d11ad8939bcbb428ad04\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/blinkops-2/7G_DZOlCBlov2A1k/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"BlinkOps Documentation\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#1f7ef2\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.blinkops.com/docs/blink-platform/dashboards/building-a-dashboard/widgets/charts\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/docs/blink-platform/dashboards/building-a-dashboard/widgets/charts.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.blinkops.com/#organization\",\"name\":\"BlinkOps Documentation\",\"url\":\"https://docs.blinkops.com\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/blinkops-2/br6cLdqXY9MZvLgO/logo/light.svg?fit=max\u0026auto=format\u0026n=br6cLdqXY9MZvLgO\u0026q=85\u0026s=55c0663d06bf9395563193d3a5259b7a\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.blinkops.com#website\",\"name\":\"BlinkOps Documentation\",\"url\":\"https://docs.blinkops.com\",\"publisher\":{\"@id\":\"https://docs.blinkops.com/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.blinkops.com/docs/blink-platform/dashboards/building-a-dashboard/widgets/charts#webpage\",\"url\":\"https://docs.blinkops.com/docs/blink-platform/dashboards/building-a-dashboard/widgets/charts\",\"name\":\"Charts\",\"description\":\"Instructions on how to create and use the Chart Widget\",\"dateModified\":\"2026-10-11T11:09:04.973Z\",\"isPartOf\":{\"@id\":\"https://docs.blinkops.com#website\"},\"breadcrumb\":{\"@id\":\"https://docs.blinkops.com/docs/blink-platform/dashboards/building-a-dashboard/widgets/charts#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.blinkops.com/docs/blink-platform/dashboards/building-a-dashboard/widgets/charts#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Dashboards\",\"item\":\"https://docs.blinkops.com/docs/blink-platform/dashboards/building-a-dashboard/building-a-dashboard\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Widgets\",\"item\":\"https://docs.blinkops.com/docs/blink-platform/dashboards/building-a-dashboard/widgets/widgets\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Charts\",\"item\":\"https://docs.blinkops.com/docs/blink-platform/dashboards/building-a-dashboard/widgets/charts\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.blinkops.com/docs/blink-platform/dashboards/building-a-dashboard/widgets/charts#article\",\"headline\":\"Charts\",\"name\":\"Charts\",\"description\":\"Instructions on how to create and use the Chart Widget\",\"url\":\"https://docs.blinkops.com/docs/blink-platform/dashboards/building-a-dashboard/widgets/charts\",\"mainEntityOfPage\":{\"@id\":\"https://docs.blinkops.com/docs/blink-platform/dashboards/building-a-dashboard/widgets/charts#webpage\"},\"dateModified\":\"2026-10-11T11:09:04.973Z\",\"publisher\":{\"@id\":\"https://docs.blinkops.com/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.blinkops.com#website\"}}]}\u003c/script>","siteName":"BlinkOps Documentation","nav":{"global":null,"tabs":[{"tab":"Home","pages":[{"title":"Home","href":"/home"}]},{"tab":"Getting Started","pages":[{"title":"Getting Started","href":"/docs/getting-started/introduction"}]},{"tab":"Agents","pages":[{"title":"Agents","href":"/docs/agent-builder/agent-builder"}]},{"tab":"Workflows","pages":[{"title":"Workflows","href":"/docs/workflows/workflows"}]},{"tab":"Platform","groups":[{"group":"Platform Management","pages":[{"title":"About the Blink Platform","href":"/docs/blink-platform/blink-platform"}]},{"group":"Workspaces","pages":[{"title":"About Workspaces","href":"/docs/blink-platform/workspaces/workspaces"},{"title":"Creating a New Workspace","href":"/docs/blink-platform/workspaces/creating-a-workspace"},{"title":"Managing Your Workspace","href":"/docs/blink-platform/workspaces/managing-your-workspace"},{"title":"Organizing Your Workspaces","href":"/docs/blink-platform/workspaces/organizing-your-workspace"},{"title":"Sharing Workspace Resources","href":"/docs/blink-platform/workspaces/sharing-workspaces"},{"title":"The Tenant's Dashboard","href":"/docs/blink-platform/workspaces/monitoring-workspaces"}]},{"group":"Account Management","pages":[{"title":"About Accounts","href":"/docs/blink-platform/account-management/accounts"},{"title":"Account Management","href":"/docs/blink-platform/account-management/account-management"},{"title":"General Settings","href":"/docs/blink-platform/account-management/general"},{"title":"AI Settings","href":"/docs/blink-platform/account-management/ai-settings"},{"title":"Audit Logs","href":"/docs/blink-platform/account-management/audit-logs"},{"group":"Access Control","pages":[{"title":"RBAC and User Roles","href":"/docs/blink-platform/account-management/roles"},{"title":"Blink Groups","href":"/docs/blink-platform/account-management/groups"},{"title":"Enabling Two Factor Authentication","href":"/docs/blink-platform/account-management/authentication"},{"group":"Identity Providers","pages":[{"title":"Account Security Settings","href":"/docs/blink-platform/account-management/identity-providers/identity-providers"},{"title":"Configuring a SAML application on Azure AD","href":"/docs/blink-platform/account-management/identity-providers/azure"},{"title":"Configuring a SAML application on Cloudflare","href":"/docs/blink-platform/account-management/identity-providers/cloudflare"},{"title":"Configuring a SAML application on Google Workspace","href":"/docs/blink-platform/account-management/identity-providers/google"},{"title":"Configuring a SAML application on Okta","href":"/docs/blink-platform/account-management/identity-providers/okta"}]},{"group":"Service Provision","pages":[{"title":"Service Providers","href":"/docs/blink-platform/service-providers/service-providers"}]}]},{"group":"Personal Settings","pages":[{"title":"Resetting your password","href":"/docs/blink-platform/account-management/resetting-your-password"},{"title":"API Keys","href":"/docs/blink-platform/account-management/api-keys"}]}]},{"group":"Tables","pages":[{"title":"About Tables","href":"/docs/blink-platform/tables/tables"},{"title":"Create Your First Table","href":"/docs/blink-platform/tables/create-your-first-table"},{"title":"Using Tables in Workflows","href":"/docs/blink-platform/tables/tables-in-workflows"},{"title":"Viewing Tables","href":"/docs/blink-platform/tables/viewing-tables"},{"title":"Table Limitations","href":"/docs/blink-platform/tables/system-limits"}]},{"group":"Dashboards","pages":[{"title":"Dashboard Building Interface","href":"/docs/blink-platform/dashboards/building-a-dashboard/building-a-dashboard"},{"title":"Dashboard Management","href":"/docs/blink-platform/dashboards/dashboard-management/dashboard-management"},{"title":"Sharing Dashboards to the Blink Portal","sidebarTitle":"Sharing Dashboards to the Blink Portal","href":"/docs/blink-platform/dashboards/consume-dashboards-via-blink-portal"},{"group":"Data Source Types","pages":[{"title":"Data Source Types","href":"/docs/blink-platform/dashboards/building-a-dashboard/source-types/source-types"},{"title":"Case Management Reportings","href":"/docs/blink-platform/dashboards/building-a-dashboard/source-types/case-management-reporting"}]},{"group":"Widgets","pages":[{"title":"About Widgets","href":"/docs/blink-platform/dashboards/building-a-dashboard/widgets/widgets"},{"title":"Numbers","href":"/docs/blink-platform/dashboards/building-a-dashboard/widgets/numbers"},{"title":"Tables","href":"/docs/blink-platform/dashboards/building-a-dashboard/widgets/tables"},{"title":"Flow Chart","description":"Instructions on how to create and use the Flow Chart Widget","href":"/docs/blink-platform/dashboards/building-a-dashboard/widgets/flow-chart"},{"title":"Charts","href":"/docs/blink-platform/dashboards/building-a-dashboard/widgets/charts"},{"title":"Filters","description":"Instructions on how to create and use the Filter Widget","href":"/docs/blink-platform/dashboards/building-a-dashboard/widgets/filter"},{"title":"Text","href":"/docs/blink-platform/dashboards/building-a-dashboard/widgets/text"},{"title":"Custom HTML","href":"/docs/blink-platform/dashboards/building-a-dashboard/widgets/html"}]},{"group":"Dashboard Actions","pages":[{"title":"Get Dashboard","href":"/docs/blink-platform/dashboards/dashboard-actions/get-dashboard"},{"title":"Create Dashboard","href":"/docs/blink-platform/dashboards/dashboard-actions/create-dashboard"},{"title":"Delete Dashboard","href":"/docs/blink-platform/dashboards/dashboard-actions/delete-dashboard"},{"title":"Export Dashboard","href":"/docs/blink-platform/dashboards/dashboard-actions/export-dashboard"},{"title":"Update Widget Content","href":"/docs/blink-platform/dashboards/dashboard-actions/update-widget-content"}]}]},{"group":"Web Forms","pages":[{"title":"About Web Forms","href":"/docs/blink-platform/web-form/web-form"},{"title":"Web Form Event-Based Trigger","href":"/docs/blink-platform/web-form/web-form-trigger"},{"title":"New Web Form Action","href":"/docs/blink-platform/web-form/web-form-actions"}]},{"group":"Interface Components","pages":[{"title":"The Condition Builder","href":"/docs/blink-platform/interface-components/condition-builder"},{"title":"Rich Text Editor","href":"/docs/blink-platform/interface-components/rich-text-editor"}]},{"group":"The Blink Portal","pages":[{"title":"The Blink Portal","href":"/docs/blink-platform/blink-portal/blink-portal"},{"group":"Chat Bots","pages":[{"title":"Blink Teams Bot","href":"/docs/blink-platform/blink-portal/team-slackbot"},{"title":"Blink Zoom Bot","href":"/docs/blink-platform/blink-portal/zoom-slackbot"},{"group":"Slack","pages":[{"title":"Blink Bot For Slack","href":"/docs/blink-platform/blink-portal/blink-bot-for-slack"},{"title":"Blink App for Slack","href":"/docs/blink-platform/blink-portal/slack-app"}]}]}]},{"group":"Runners","pages":[{"group":"Runner Basics","pages":[{"title":"Runners","sidebarTitle":"Overview","href":"/docs/blink-platform/runners/runners"},{"title":"Runner Settings","href":"/docs/blink-platform/runners/runners-settings"},{"title":"Blink Runner Troubleshooting","href":"/docs/blink-platform/runners/trouble-shooting"}]},{"group":"Deploying Runners","pages":[{"title":"Deploying a Self-Hosted Runner","sidebarTitle":"Overview","href":"/docs/blink-platform/runners/deploying-runner/deploying-self-hosted"},{"title":"Deploying a Runner with CloudFormation","href":"/docs/blink-platform/runners/deploying-runner/cloud-formation-runner"},{"title":"Deploying a Runner with Docker","href":"/docs/blink-platform/runners/deploying-runner/dockers-runner"},{"title":"Deploying a Runner with Kubernetes","href":"/docs/blink-platform/runners/deploying-runner/kubernetes-runner"}]},{"group":"Secrets Managers","pages":[{"title":"Configuring A GCP Secret Manager","href":"/docs/blink-platform/runners/secret-managers/gcp-secret-manager"},{"title":"Configuring A Hashicorp Vault","href":"/docs/blink-platform/runners/secret-managers/hashicorp-vault"},{"title":"Vault AppRole Requirements for Blink Runner","href":"/docs/blink-platform/runners/secret-managers/vault-approle"}]},{"group":"Object Storage","pages":[{"title":"Object Storage","sidebarTitle":"Overview","href":"/docs/blink-platform/runners/object-storage/object-storage"},{"title":"How to Configure Google Cloud Storage","href":"/docs/blink-platform/runners/object-storage/google-cloud-storage"},{"title":"How to Configure an AWS S3 Object Storage","href":"/docs/blink-platform/runners/object-storage/s3-object-storage"},{"title":"How to Configure Azure Blob Storage","href":"/docs/blink-platform/runners/object-storage/azure-blob-storage"}]}]},{"group":"Blink Privacy \u0026 Security","pages":[{"title":"Security Statement","href":"/docs/blink-platform/account-management/security-and-legal/security-statement"},{"title":"PRIVACY POLICY","href":"/docs/blink-platform/account-management/security-and-legal/privacy-policy"}]}]},{"tab":"Integrations","pages":[{"title":"Integrations","href":"/docs/integrations/integrations"}]},{"tab":"Case Management","pages":[{"title":"Case Management","href":"/docs/case-management/case-management"}]}]},"basePath":"","title":"Charts - BlinkOps Documentation","buildId":"dpl_345ReqzYaAjzS9QpeJemsKdb7KDj","deploymentId":"dpl_345ReqzYaAjzS9QpeJemsKdb7KDj","dynamics":["07c022d89b","a74be98ba7"],"chunks":["Frame-PS-3COT9.js","DynamicMarkdown-BcnBltEQ.js","zoom-image-lightbox-B4-wUcHm.js","lightbox-handle-r17bVUz3.js"]}