QAGCharts

QAGCharts extends Niagara 4 with a comprehensive library of professionally designed chart widgets. Drop the module into any station and instantly access line charts, gauges, heatmaps, Sankey diagrams, and 14 more—all configurable through standard Niagara properties. This will be sold as a one-time purchase with a legal agreement.

Purchase Now

18 Chart Types. Full Customization. Zero Coding.

Chart Categories

Trends & Time Series: Line Chart, Sparkline, Comparison, Candlestick, Theme River
Category & Proportion: Bar Chart, Pie Chart, Funnel, Treemap
Real-Time Status: Gauge (6 styles), KPI Card, Totals (6 agg modes), Liquid Fill
Advanced Analytics: Scatter (regression), Heatmap (3 modes), Radar, Sankey, Boxplot

Built For

Energy Management • Operations Centers • Executive Reporting • Commissioning & FDD • Tenant Engagement

Download Product Catalog

Download User Guide

A 2x2 grid of comparison charts showing current and previous period data as blue and green lines. The top left chart has a data tooltip displayed; the others have similar layouts with dark and light color themes.

Six temperature gauges, all showing 90.34°F. Top row: green, orange, and red arcs on white backgrounds. Bottom row: white, yellow, and red arcs on dark backgrounds. All needles point to the same value.

Four heatmaps compare activity levels by day and hour for the last week. Each uses a different color scale: yellow, red, cyan, and a dark background with red. Days are listed vertically; hours horizontally.

Four line charts compare two series over time with different background colors: white, black, light blue, and red. Each chart displays a steep curve, and the chart titles and legends are visible.

Three pie charts compare three data points, each in blue, green, and yellow. The third chart has a dark background, while the first two have white backgrounds. All sections are labeled with point name and value.

Two radar charts are shown side by side; the left chart has a white background with a blue triangular plot, while the right chart has a dark background with a green triangular plot. Both display three metrics.

Dashboard showing temperature statistics: Average 85.60°F, Sum 428.01°F, Minimum 74.00°F, Maximum 90.34°F. Each stat is worth 5 points and has a green arrow with "+1.0" indicating an increase.

A grid of four bar charts with different color themes, each displaying three vertical bars labeled Bar 1, Bar 2, and Bar 3. The y-axis shows values from 0 to 100, and a tooltip shows Bar 1 at 90.34°F in the top-left chart.

Side-by-side funnel charts: the left one on a white background with blue, yellow, and green stages, and the right on a gray background with orange, teal, and red stages, both labeled with stage numbers and values.

Two KPI cards display a temperature of 90.34°F with a green upward arrow and "+90.3" below. The left card has a white background, the right card has a dark gray background.

Two circular tank level gauges: the left one is green, showing 90.3°F and 90%; the right one is orange, showing 90.3°F and 45%, each with "Tank Level" written above.

Side-by-side comparison of two Sankey Flow diagrams with three colored flows each connecting Source 1–3 (left) to Target 1–3 (right); left diagram has a white background, right diagram has a gray background.

Side-by-side scatter charts comparing light and dark modes. Both have one blue data point in the upper right, with X-axis labeled “X Axis” and Y-axis labeled “Y Axis.” Date filter set to “Last Week.”.

Side-by-side comparison of two treemaps labeled "Treemap." The left treemap has a white background, while the right treemap has a dark gray background. Both show a large blue area labeled "Total.

Two line graphs show a flat trend that sharply rises to a green point labeled 90.34. The top graph has a white background; the bottom graph has a dark background with faded text.

A comparison of two "Daily Range" line charts, one with a light theme (top) and one with a dark theme (bottom), both showing a flat green line with values around 90, and a data tooltip displayed for 2023-09-19.

Ready to Get Started?

QAGCharts puts professional-grade data visualization at your fingertips — and getting stared is just as effortless as using it. Complete our short application, and our team will approve it in no time. No lengthy paperwork, no complicated setup — just fast access to the professional-grade data visualization tool you need.

Purchase Now

Why Choose Us for Your BAS Graphics Needs?

A blue circle with a white calendar icon in the center, displaying the number 7.

Reduced Lead Time

Shorten the time it takes to deliver BAS graphics by outsourcing to our dedicated graphical team

A white wrench and screwdriver crossed over each other inside a blue circle, with a gray shadow beneath the circle.

Use The Experts

Have your team focus on programming and let us take care of the BAS graphics

White icon of three cubes stacked together, set against a blue circular background with a gray shadow below.

Efficient Graphics

Create a standard within your company to maximize a creative look and feel for your end customer

White icon of stacked coins and a coin with a dollar sign on a light blue circular background, with a subtle shadow below the circle.

Cost Savings

Increase your ROI by saving your technicians time and your budget by reducing graphical software when you outsource with us

A business services flyer for QA Graphics highlights BAS graphics, symbol libraries, 3D design, 3D HVAC, and floor plans, with images for each service and contact details at the bottom right.

Learn More About Our Full Suite of Services

QA Graphics is a full-service outsourcing company, providing custom HVAC system graphics, as well as design services for interactive platforms. We help clients visualize their needs and simply their lives. Our talented designers come form a wide range of backgrounds to provide the personal attention and expertise needed to being our clients’ ideas to life. Our partnerships with industry leaders like Johnson Controls and Schneider Electric ensure high-quality BAS graphics solutions.

Download Our Brochure

Who We Are

We are a full-service outsourcing company, providing custom HVAC system graphics and BAS graphics design services for interactive platforms. Helping clients visualize their needs and simplify their lives, our talented designers come from a wide range of backgrounds to provide the personal attention and expertise needed to bring our clients’ ideas to life.

All of our work is completed in-house, with a team comprised of both creative and technical staff, including graphic designers, 3D designers, developers, programmers, architects, and mechanical engineers, to ensure we meet our clients’ diverse needs. We are a fun and creative group who takes pride in our Midwestern values and affordable prices.

Request a Quote

A man in a white shirt points at a computer screen displaying architectural plans while a woman in a pink sweater sits at the desk, looking at the monitors. The workspace has multiple monitors, drinks, and office supplies.

FAQs

What is QAGCharts?

QAGCharts is a Niagara 4 module that provides 19+ interactive charting and dashboard widgets powered by Apache ECharts. It ships as two JARs: QAGcharts-rt.jar for runtime types and configuration, and QAGcharts-ux.jar for the widget UI and JavaScript frontends. It requires Niagara 4.10+.

How do I bind data to a widget?

Drag a history from the History Browser onto a widget for quick viewing, or enter ORDs directly in the property sheet (pointOrd, point1Ord through point8Ord). The user guide recommends always using the property sheet for permanent dashboards, since drag-and-drop bindings may not survive a station restart.

How many data series can a widget show?

Most multi-series widgets support up to 8 series via point1Ord through point8Ord. Single-value widgets like the KPI Card, Gauge, and Sparkline bind to one pointOrd. The Scatter Chart uses separate xPointOrd and yPointOrd bindings.

Can I customize widget colors?

Yes. All ECharts-based widgets share color properties like backgroundColor, textColor, axisLineColor, tooltipBackgroundColor, and primaryColor. Multi-series widgets add per-series colors (point1Color through point8Color). See Section 3.6 of the user guide for the full list.

What are thresholds?

Thresholds automatically change a widget’s color based on its live value to indicate normal, warning, or alarm states. The Gauge and KPI Card support warningThreshold, alarmThreshold, and invertThresholds. The Liquid Fill uses lowThreshold and highThreshold for a similar effect.

What is the History Browser widget for?

It’s a browsing and drag-source tool — not a chart itself. Set historyParentName to a device or folder, and it displays a searchable history list. Operators can drag items onto other widgets for ad-hoc exploration, but these temporary bindings shouldn’t be relied on for saved dashboards.

Our Customers

Next Slide
Next Slide

QA Graphics did an exceptional job on the graphics for our recent project, which was full of confusing and complex systems. You would almost think that QA Graphics was part of the project from the beginning. In fact, I have been surprised many times to find that little obscure things were picked up on that I was sure would be missed. I REALLY appreciate the work QA Graphics did on this project.

JAMES PLATANIA
Senior Systems Engineer
– Johnson Controls, Inc –

I would like to throw a huge shout-out to you and your team for all the hard work on the project. After downloading the new MUI package we expected to see problems and were prepared to come back to QA with a bunch of fixes. This was not the case at all. QA really nailed it on this one and we at JCI are so thankful that you are part of the team!! This was by far the smoothest package that we have had to drop in and it really made us look good in front of this customer. This site has now become a showcase piece for future MUI sites and we are excited to show off the work that was done. Again, thanks so much for all the hard work and please let your team know how much we appreciate them going the extra mile to get this done in such a tight time frame. Looking forward to continuing the relationship and growing together as the future brings on more exciting projects.

Brett C.
Account Service Representative
– Johnson Controls, Inc –

Featured BAS Graphics Posts

Close-up of a circuit board with a central black microchip labeled

Why AI Can’t Fully Automate BAS Graphics and 3D Floor Plans

As AI continues to transform industries, you might wonder why QA Graphics hasn’t fully automated the creation of BAS graphics and 3D floor plans. While AI is a powerful tool, it still falls short when handling the complexity and inconsistency of the assets you provide.

Read The Full Post