Giter Site home page Giter Site logo

syncfusionexamples / creating-a-stacked-area-chart-for-u.s.-primary-energy-consumption Goto Github PK

View Code? Open in Web Editor NEW
0.0 3.0 0.0 31 KB

This sample demonstrates how to create a Stacked Area Chart for U.S. Primary Energy Consumption.

C# 100.00%
charts stacked-area-graph stacked-chart chart-library winui

creating-a-stacked-area-chart-for-u.s.-primary-energy-consumption's Introduction

Creating-a-Stacked-Area-Chart-for-U.S.-Primary-Energy-Consumption

This sample demonstrates how to create a Stacked Area Chart for U.S. Primary Energy Consumption.

The StackedAreaSeries is representing the multiple of area series are stacked vertically one above the other.

Introduction

Here, we will explain about stacked area chart to visualize the energy utility consumption of Coal, PetroleumLiquid, PetroleumCoke, Conventional HydroElectric, Nuclear and NaturalGas using WinUI cartesian chart.

Primary energy utility consumption in the United States refers to the amount of energy consumed by various sectors of the economy, such as residential, commercial, industrial, and transportation, before any conversion or transformation. This energy consumption is measured in terms of the raw energy sources used, including fossil fuels (such as coal, natural gas, and petroleum), renewable sources (such as hydroelectric, solar, wind), and nuclear energy.

Customize chart tooltip behavior

We can customize the tooltip value using the TooltipBehavior in the SfCartesianChart by initializing the ChartTooltipBehavior class. By using the Duration property, we can set how long the tooltip value is displayed while hovering the mouse over the series, and we can animate the tooltip value using the EnableAnimation property. Additionally, we can customize the appearance of the tooltip using the Style property in the ChartTooltipBehavior.

Configure chart zoom pan behavior

We can display the chart area while zoomed in by enabling panning using the EnablePanning property. To prevent pinch zooming and mouse wheel zooming actions, we can disable them using the EnablePinchZooming and EnableMouseWheelZooming properties, respectively.

Output

Updated_Output

For a step by step procedure, refer to the Creating a WinUI Stacked Area Chart to Visualize US Primary Energy Consumption

creating-a-stacked-area-chart-for-u.s.-primary-energy-consumption's People

Contributors

edberg-vasan avatar nanthinimahalingam avatar sarubala20 avatar syncfusionbuild avatar syncfusionkarthikeyan avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.