microsoft/powerbi-visuals-utils-chartutils

chart utility interfaces for creating powerbi custom visuals

Microsoft Power BI visuals ChartUtils

ChartUtils is a set of interfaces for creating powerbi custom visuals

Usage

Learn how to install and use the chartutils in your custom visuals:

• Usage Guide

Contributing

• Read our contribution guideline to find out how to contribute bugs fixes and improvements
• Issue Tracker
• Development workflow
• How to build
• How to run unit tests locally

License

See the LICENSE file for license rights and limitations (MIT).

powerbi-visuals-utils-chartutils's Issues

Error in documentation

Guys, I found the following error in this file: https://github.com/microsoft/powerbi-visuals-utils-chartutils/blob/master/docs/api/legend.md

drawLegend
This function measures the height of the text with the given SVG text properties.

Please fix this copy-paste error :)
Regards, Alexander Velilyaev

drawLegend method doesn't work in IE11

Win10 b1909, Internet Explorer 11 v11.476.18362.0

drawLegend method fails to drow the Legend. The console does not display that problem.

Debugging shows that the Symbol object is not defined in IE. This object is used in "for..of" loops that also not supported by IE. Possible solution here might be to use classic "for" loop instead.

Links:

• drawLegend method
• Symbol.iterator MDN description

This repo is missing important files

There are important files that Microsoft projects should all have that are not present in this repository. A pull request has been opened to add the missing file(s). When the pr is merged this issue will be closed automatically.

Microsoft teams can learn more about this effort and share feedback within the open source guidance available internally.

Merge this pull request

Adding chartutils breaks CV

Adding chartutils to Custom Visual produces Uncaught TypeError before anything is drawn to visual.

1. Create new Custom Visual with pbiviz-tool.
2. Add chartutils as instructed by the installation guide.
   1. Run npm install
   2. Add lines to pbiviz.json, tsconfig.json and visual.less
3. Add also @types/d3 and powerbi-models, because component will not compile without after chartutils added.
4. Custom Visual now compiles ok.
5. When accessing it in debug mode in powerbi-portal produces following error:

Uncaught TypeError: Cannot read property 'DateTimeSequence' of undefined
at chart.axis.chart.axis (:4274:83)
at utils.chart.utils.chart (:5486:19)
at extensibility.utils.extensibility.utils (:5487:15)
at powerbi.extensibility.powerbi.extensibility (:5488:11)
at powerbi (:5489:7)
at Window. (:5490:3)
at :8129:20
at Object.i [as injectJsCode] (VM581 visualhostcore.min.js:2)
at i.loadWithoutResourcePackage (VM582 visualsandbox.min.js:1)
at i.executeMessage (VM582 visualsandbox.min.js:1)

Custom Visual remains blank.

Using

[email protected]
and
+-- @types/[email protected]
+-- [email protected]
+-- [email protected]
| +-- [email protected]
| +-- [email protected]
| +-- [email protected]
| +-- [email protected]
| +-- [email protected]
| -- [email protected] -- [email protected]

Any ideas what I'm doing wrong, or is there some problem with chartutils?

Legend doesn't work

Hey Guys. I tried this guide (https://github.com/microsoft/powerbi-visuals-utils-chartutils/blob/master/docs/api/legend.md) to add legend. But got the following error:

VM471:3108 Uncaught ReferenceError: regeneratorRuntime is not defined
    at Object.2469 (<anonymous>:3108:28)
    at __webpack_require__ (<anonymous>:19248:41)
    at Object.3582 (<anonymous>:2983:71)
    at __webpack_require__ (<anonymous>:19248:41)
    at Object.5458 (<anonymous>:2380:77)
    at __webpack_require__ (<anonymous>:19248:41)
    at Object.579 (<anonymous>:860:70)
    at __webpack_require__ (<anonymous>:19248:41)
    at Object.2468 (<anonymous>:1111:76)
    at __webpack_require__ (<anonymous>:19248:41)

Here all all my steps:
pbiviz new legend issue visual
npm i powerbi-visuals-utils-chartutils
npm i powerbi-visuals-utils-interactivityutils

repository with this issue: https://github.com/Alexandervelilyaev/legend-issue-visual.git

It looks like the documentation is out of date and has bugs. What can I do besides downgrade to get this to work?
Please help me. Thank you very much in advance.
Regards,
Alexander Velilyaev

Legend does not work in IE

Windows 10, Internet Explorer 11

Calling ILegend:drawLegend() fails. Console has following error:
"ERROR TypeError: Permission denied"

Debugging this issue revealed that drawLegend calls drawLegendInternal and it in turn tries to call SVGElement::getElementsByClassName which seems to be undefined in Internet Explorer.

This bug prevents Legend from being drawn.

Layout not correct when legend has multiple items

When multiple items added to legend, layout is not correct. Items are positioned as if legend item does not have text, but colored icon only.

Steps to reproduce:

1. Install chartutils as described in installation guide and in issue #27.
2. Create and draw legend as instructed in usage guide.

Example code:

let legend = createLegend(
    this.target,
    false,
    null);	

legend.drawLegend(
    {dataPoints : data}, 
    {width: 800, height: 200});

Works fine with one item:

Does not work correctly with two or more items. Item texts overlap.

Notes:
When orientation is changed, the result congruent; text is clipped.

legend.changeOrientation(LegendPosition.Left);

Is there a bug in the component, or what am I doing wrong?