Code Monkey home page Code Monkey logo

powerbi-visuals-liquidfillgauge's Introduction

Liquid Fill Gauge - Power BI Custom Visual

This Power BI Custom Visual represents a percentage in a circular wave form bubble. You can use this visual in your reports via the pbiviz file here.

See how this visual was built here.

The original liquidFillGauge code was published by Curtis Bratton

powerbi-visuals-liquidfillgauge's People

Contributors

jongio avatar

Stargazers

MASUNGULO ALFA avatar Erick Medina avatar Moisés Croes avatar Jonatan Serna avatar Willian avatar  avatar Kıvanç Yıldız avatar Priscila Lopes Svolinski avatar Hari Chandana Dronavalli avatar  avatar  avatar  avatar  avatar Austin Songer,MIS,CEH,ESCA,Project+ (Navy Veteran) avatar Seo, Jang-won avatar  avatar Walter E. Calcagno avatar Naman Mittal avatar METİN SEVİNDİK avatar Edward Chan Jia Wei avatar testert1ng avatar Kostas avatar Igor Cotruta avatar Scott Sewell avatar  avatar Fadhal Shulhan avatar DaShun avatar Phil Britton avatar

Watchers

James Cloos avatar  avatar Scott Sewell avatar Luis Simoes avatar  avatar  avatar

powerbi-visuals-liquidfillgauge's Issues

Data Driven Min and Max Values

Right now Min and Max Values are Format Properties but really should be data properties so they can be data driven, calculated, etc.

Consider a breaking change that would make both of them always data driven, or support both format or data driven for backwards compat.

Enhancement Idea - Max Value to be dynamic based on measure.

image

image

For instance, each month x amount of units are built by lets say 10 individuals, with a target of xx per month. The page consists the entire year's data with a month and individual user slicer for filtering into the data, It would be great to have the ability to have the visual adjust its max value using measures.

When a month is selected,
The visual should show the total units for the month with a target for the month.

When no month is selected,
The visual should show total units for the year with a target for the year.

Hope my explanation make sense.

Best Regards
& thank you for the awesome visual

v1.0.0. Visual does not respond, if more than one dataset field is applied

Pre-condition: liquidFillGauge.1.0.0, PowerBI PROD, MSIT, DXT.
Repro steps:

  1. Navigate to msit.powerbi.com. (with flags: ?unmin=true&sandboxVisualsEnabled=false&approvedResourcesEnabled=false).
  2. Import liquidFillGauge visual.
  3. Apply more then one data fields into it.
    Actual behavior: Visual stops working after applying two dataset fields
    Repro rate: 100%.
    animation3
    animation2

v1.0.0. Error exception thrown when Thickness option is set to more then 1

Pre-condition: liquidFillGauge.1.0.0, PowerBI PROD, MSIT, DXT.
Repro steps:

  1. Navigate to msit.powerbi.com. (with flags: ?unmin=true&sandboxVisualsEnabled=false&approvedResourcesEnabled=false) in Chrome Browser.
  2. Import liquidFillGauge visual.
  3. Apply any suitable dataset.
  4. Open Chrome Browser dev. tools (F12)
  5. Go to Format panel > Circle > Thickness and set 1 into input
    Actual behavior: An error thrown
    Repro rate: 100%.
    animation4

POURCENTAGE DECIMALS

I love this visulalisation, i use it very often, but i'm experiencing some problems with displaying the pourcentage, it is always displayed with decimals like 99.23%, is there any idea how i can display it without decimals like 99%

thanks

Correctly interpreting %

(BTW - cool visual - thanks for sharing it!)

I have a measure that is already a percentage but it looks 'odd' when I display it in the visual - ( I had to create a second copy of the value and multiply it by 100 in order to get it to 'look' right.

Could you add support for just passing in a ratio and displaying that value directly (rather then re-interpreting it as a ratio of a ratio?)

Thanks much!

Change in fill shape

I am looking to use the above visual in a slightly different way, I am looking to have the fill gauge to fill up a beer glass not a circle, How would I go about changing the shape of the gauge to a Trapezoid?

Liquid fill does not fill to right decimal

liquid1
liquid2

Hi Jon, I LOVE this visual! BUt I cannot get my head around refresh issue. Refer the 2 image I attach. As you can see I have set the convert 1.22 to 122% format.. However when I select from a filter the Visual returns 1.22% . Ideally it should remain 122% .. Please help as I have convince our organisation this is the best Performance visual

The graphic show 0% when exported on PDF

Hi, thank for this amazing visual.

I have a problem to export this on PDF, in Power Bi i can see the percentages without problem, but in PDF it goes to 0%.

Here are some Images:
Power BI:
image

PDF:
image

I'm using the last version, is there anyway you can help me?
Many thanks in advance.

CONDITIONAL FORMATTING

Is it possible to include some update so that we can use measure to format the text and wave color?

Problem resetting value to 0

Hi,
Thanks for the visual, it is great! However I found a problem when I am using the Liquid Fill Gauge and the Power BI slicer to select years. I am using the Gauge with percentages and it works properly when I select a year with data. The problem comes when I select a year with no data and the visual goes to 0%. After that, if I select the year with dat, the visual gets stucked at 0% and doesn't filll. I attach some images here for further information:

First I select 2016 as a year with data:
image
Then I select 2017 that has no data and the visual goes to 0%
image
Afterwards, I select 2016 again but the visual doesn't fill.
image

I don't know if it is a visual problem or that I am not configuring it properly. Could you help me? I am using the latest release from 27th June.

Thanks in advance.

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.