Giter Club home page Giter Club logo

microsoft / powerbi-visuals-pulsechart Goto Github PK

View Code? Open in Web Editor NEW
26.0 17.0 31.0 2.42 MB

Pulse chart shows a line chart annotated with key events. Each events can be selected to filter and cross highlight other visuals to reveal insights or help tell a story. Pulse chart supports animation so you can load your report and watch it play through key events, without user interaction. This visualization is perfect for story telling with data, especially the Power BI publish to web feature. Use it anywhere you need to draw attention to events that shaped a trend.

JavaScript 0.69% TypeScript 97.79% Less 1.51%

powerbi-visuals-pulsechart's Introduction

BuildCoverage Status

Line chart annotated with key events. Perfect for story telling with data.

stacked area chart screenshot

Overview

The Pulse chart shows key events on a timeline, and lets you play back the events to reveal insights.

The Pulse Chart allows you to playback the data to see the trend unfold in front of your eyes. When an event appears, the playback pauses to filter the rest of the report, revealing hidden relationships. You can use this feature to grab your audience’s attention and highlight specific insights. There’s an auto play feature that starts the playback when the report loads. Pulse Charts are ideal for use with publish to web or when sharing reports with your coworkers.

When a data point is selected on the Pulse Chart, you get a customizable popup. You can specify the title and description, and show or hide the timestamp as well. This lets you clearly call attention to what’s important about the data point.

Creating a Pulse Chart is really easy - you just need to provide data that is a time series. You add columns to the time series data that define the events you want to show on the line. For those columns, non-blank values become events and are shown as circles on the Pulse chart.

See also Pulse Chart at Microsoft AppSource

powerbi-visuals-pulsechart's People

Contributors

avisander avatar dimanaumov avatar eugeneelkin avatar ignatvilesov avatar mrmeison avatar mvgaliev avatar natalya-smirnova avatar pbicvbot avatar snyk-bot avatar uve avatar vtkalek avatar zbritva avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

powerbi-visuals-pulsechart's Issues

Text wrapping on description breaks text in wrong place.

When the text in the event description is too long to fit in the popup, the function that breaks the text, does so incorrectly and words get concatenated. The first image shows the words description and that have been joined together.
image1-bad
Setting the MaxWidth on the call to textMeasurementService.wordBreak (line 1744 visuals.ts in release 2.2.3) to an arbitrarily large width corrects the issue - but doesn't seem like the best fix. Image 2 shows the result of doing this (width multiplied by 500 in this case!).
image2-good.
The issue persists in later releases, but 2.2.3 is the release currently available through appsource.microsoft.com.

Changes made since 2.2.3.0 stop the popup from automatically showing during animation

In the current version available on appsource.microsoft (2.2.3) when you play the animation for the pulse chart, if a popup is configured, it will automatically show when the animation reaches that point. In the latest version (2.2.4) available on github, the popup does not show automatically. The difference appears to be from changes made to the handleSelection function in visual.ts.

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.