webdatarocks / pivot-angular Goto Github PK

I am running into an issue with the pivot-highcharts integration. I am using the WebdatarocksComponent with an angular 10 project. I am able to create and see a pivot table however once my code reaches this.child.webDataRocks.highcharts.getData() I get a type error that highcharts is not defined:

MyLibrarySampleComponent.html:21 ERROR TypeError: Cannot read property 'getData' of undefined
    at MyLibrarySampleComponent../src/app/visual/chart/sample.component.ts.MyLibrarySampleComponent.createAreaChart (sample.component.ts:206)
    at MyLibrarySampleComponent../src/app/visual/chart/sample.component.ts.MyLibrarySampleComponent.reportcomplete (sample.component.ts:202)
    at Object.eval [as handleEvent] (MyLibrarySampleComponent.html:26)
    at handleEvent (core.js:31247)
    at callWithDebugContext (core.js:32334)
    at Object.debugHandleEvent [as handleEvent] (core.js:32055)
    at dispatchEvent (core.js:21508)
    at core.js:22638
    at SafeSubscriber.schedulerFn [as _next] (core.js:25537)
    at SafeSubscriber../node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.__tryOrUnsub (Subscriber.js:192)

I was able to reproduce this by pulling down this repo and updating onReportComplete() to call webDataRocks.highcharts.getData() :

  onReportComplete(): void {
    this.child.webDataRocks.off('reportcomplete');
    this.child.webDataRocks.highcharts.getData(
        type: 'bar'
      },
      data => {
        console.log(data);
      },
      data => {
        console.log(data);
      }
    );
  } 

Hi,
How can I set up a measure of min(result) [possible data values for result are 0,1,2] without it being displayed as either a Count or Sum of the min(result)?
I’ve tried setting up a measure as follows
measures: [
{
uniqueName: “result”,
aggregation: “none”,
availableAggregations:[],
formula: “min(‘result’)”,
active: true,
// individual: “true”
},
]

or as

measures: [
{
uniqueName: “result”,
aggregation: “min”,
},
]
But even for a data set that contains only “0” or "2" values for the result, the displayed result in each cell is “1”, as a count of the min(result) values. This is within an Angular 6 integration.

Hello, I'm Trying to use input [Height]="'100%'" with angular 6, but not works, How can I solve it?

Hi Webdatarocks Team,
I am using Angular 8 along with webdatarocks, how to call or Read REST API (JSON) with Basic Authorization.
Also when I am trying to upload Local JSON I am getting error JSON data is invalid.
I am stuck here please help me.
Regards,
Rajeev

just like colSpan and rowspan in the table element.

This repo should turn into a module to fast integrate Pivot into projects and get updates via ng update

Hi, i created pivot table. I want to this table html string but i can't.
Now i use exportTo method but this method download as table.

Can you please advice on below error.
code used

          measures: [
            {
              uniqueName: "duration",
              formula: '(sum("duration"))'             
            }

:5000/test-report/main.js:1207 ERROR TypeError: Cannot read property 'measures_' of undefined
    at Function.a.fromObject (:5000/test-report/vendor.js:288652)
    at b.getData (:5000/test-report/vendor.js:288039)
    at e.getData (:5000/test-report/vendor.js:289649)
    at Object.PivotApi.e.getData (:5000/test-report/vendor.js:289667)
    at Object.WebDataRocksGooglecharts.getData

While using Sorting, I get below compilation error.

**Type '{ type: string; tuple: undefined[]; measure: string; }' is not assignable to type '{ type: string; tuple: string[]; measure: MeasureObject; }[]'.
  Object literal may only specify known properties, and 'type' does not exist in type '{ type: string; tuple: string[]; measure: MeasureObject; }[]'.ts(2322)
webdatarocks.d.ts(179, 13): The expected type comes from property 'column' which is declared here on type '{ column?: { type: string; tuple: string[]; measure: MeasureObject; }[]; row?: { type: string; tuple: string[]; measure: MeasureObject; }[]; }'
```**

Can you please give an Example in Angular.

Hello, first of all i would like to thank you for an truly incredible library!

I have an request regarding the labels, when they are rendered in a different language where the names of functions and such may be longer it cuts the word off. I've only played around with it in devtools but it seems that one fix could be to just increase the width for the li like :

#wdr-toolbar-wrapper #wdr-toolbar li {
display: inline-block;
background: 0 0;
vertical-align: top;
padding: 0;
position: relative;
width: 100px; /* increased from 57px */
}

However, it seems like the first item (menu_connect) doesnt get aligned with the table and i dont know if this breaks any other layout.

Would it also be possible to change the line-height for the labels? As of now the style looks like:

#wdr-toolbar-wrapper #wdr-toolbar>.wdr-toolbar-group-right>li>a span, #wdr-toolbar-wrapper #wdr-toolbar>li>a span {
position: absolute;
top: 55px;
line-height: 12px;
left: 0;
right: 0;
}

But with the current line-height it becomes a problem with umaluts, an example is the Open button where in swedish it's "Öppna" and in german "Öffnen" but with the current line-height the dots get hidden and becomes "Oppna" and "Offnen".

Thanks in advance!

Trying to populate a CSV data that exceed some 90kb, it throws an error then the data are not rendered!
See the snapshot below,

Is there any workaround for this issue please!