我正在使用 Webdatarocks 数据透视表。我在网格底部得到 GrandTotal,我想在图表中使用这个总计。我检查了社区,但找不到合适的功能来为我的 GrandTotal 提供价值。
我检查了文档中的函数,如 getAllMeasures()、getReport() 等,但它们都没有返回 GrandTotal。
有一种方法可以使用 Javascript 函数计算 GrandTotal,但在我的情况下,GrandTotal 很快就会改变,我在数据透视表中应用过滤器。请建议如何获取它们以便在中间使用它们。
我的页面上有多个选项卡,在每个选项卡上,我使用WebDataRocks插件声明一个数据透视表并向其添加一个事件。代码是重复的,因为唯一的区别是数据透视中的过滤器。
我想创建一个带参数的函数并在每个选项卡上调用它。我替换了当前代码:
var pivotAsia = new WebDataRocks({
container: "wdr-component-1",
toolbar: true,
report: {
dataSource: { data: getJSONData() },
slice: {
rows: [{ uniqueName: "continent" }],
columns: [{ uniqueName: "Measures" }],
measures: [{ uniqueName: "country", aggregation: "count" }],
reportFilters: [{
uniqueName: "continent",
"filter": { "members": [ "continent.Asia" ] } }]
}
}
});
$('#tab1').on( 'shown.bs.tab', function (e) { pivotAsia.refresh(); });
Run Code Online (Sandbox Code Playgroud)
和 :
function pivot (pivotName, component_id, continentFilter) {
var pivotName = new WebDataRocks({
container: component_id,
toolbar: true,
report: { …Run Code Online (Sandbox Code Playgroud) 我无法使用“层次结构”参数使此演示工作,即使我指定了参数值,它也会将条件应用于所有层次结构链。
"conditions": [{
"formula": "#value > 1",
"hierarchy": "Country",
"measure": "Discount",
"format": {
"backgroundColor": "#C5E1A5",
"color": "#000000",
"fontFamily": "Arial",
"fontSize": "12px"
}
}]
Run Code Online (Sandbox Code Playgroud)
入门演示:https : //www.webdatarocks.com/doc/conditional-formatting/
CodePen 示例也参考了入门演示:https ://codepen.io/webdatarocks/pen/oMvYGd
您可以将 CodePen JS 代码替换为下面的代码以直接获得分层渲染。
var pivot = new WebDataRocks({
container: "#wdr-component",
toolbar: true,
height: 395,
report: {
"slice": {
"rows": [
{
"uniqueName": "Country"
},
{
"uniqueName": "Category"
}
],
"columns":[
{ "uniqueName": "Color" }
],
"measures": [
{
"uniqueName": "Discount",
"aggregation": "sum"
}
] ,
},
"conditions": [{ …Run Code Online (Sandbox Code Playgroud) 所以,我有这个订单
Green,0,0,0,0,0,0
Black,0,0,0,0,0,0
Red,0,0,0,0,0,0,0
Blue,0,0,0,0,0,0,0
Run Code Online (Sandbox Code Playgroud)
当生成 webdatarocks 显示
Blue,0,0,0,0,0,0,0
Black,0,0,0,0,0,0
Green,0,0,0,0,0,0
Red,0,0,0,0,0,0,0
Run Code Online (Sandbox Code Playgroud)
有什么方法可以让它们按该顺序显示,而不是按字母顺序显示?目前我能想到的就是给他们一个数字前缀......
在以角度为数据透视表集成 WebDataRocks 时,我收到错误
类型“EventEmitter<CellData>”上不存在属性“next”
这是我的代码,
import { Component, ElementRef, Input, Output, EventEmitter, OnInit } from '@angular/core';
import * as WebDataRocks from 'webdatarocks';
@Component({
selector: 'app-wbr-pivot',
template: `<div><div class='wbr-ng-wrapper'></div></div>`
})
export class WebdatarocksComponent implements OnInit{
// params
@Input() toolbar: boolean;
@Input() width: string | number;
@Input() height: string | number;
@Input() report: WebDataRocks.Report | string;
@Input() global: WebDataRocks.Report;
@Input() customizeCell: (cell: WebDataRocks.CellBuilder, data: WebDataRocks.CellData) => void;
// events
@Output() cellclick: EventEmitter<WebDataRocks.CellData> = new EventEmitter();
// api
public webDataRocks: WebDataRocks.Pivot;
// private …Run Code Online (Sandbox Code Playgroud) webdatarocks 是否可以计算每个时期每行的差异百分比?我想添加第 3 列并获得“Sum of foodDonorDelta”的 % od 差异,因此对于 30/09/2020,它将为空,对于 31/10/2020,它将是 4000%,对于 30/11/2020,它将是-78% 和 31/12/2020 它将是 1000%。我知道我可以在字段选项中设置“差异百分比”
但是然后我必须将“值”移到“行”,而我在“列”中需要它们
数据中的一些内容是详细信息。对于功能需求,我需要在报表中显示,但不应该用于聚合,而是显示在每个项目中。如图所示,列(名称,版本)应该显示在每一行中,而不是作为一个类别。我该怎么办?图片
我想显示来自 JSON 对象的字段。目前,所有字段仅从对象的第一级加载。下面给出了示例 JSON 文件。
"DATE": "2021/01/02",
"VOUCHERNUMBER": "GST/20-21/3833",
"VOUCHERTYPENAME": "Udaan Sales",
"INVENTORYENTRIES": [
{
"STOCKITEMNAME": [
"Printed Knitted H/S Tunic BT17 M"
],
"AMOUNT": [
"703.25",
"703.25",
"703.25"
],
},
{
"STOCKITEMNAME": [
"Printed Knitted H/S Tunic BT17 L"
],
"RATE": [
"147.44/Pcs"
],
"AMOUNT": [
"737.20",
"737.20",
"737.20"
]
} ~~~
I want to show ** STOCKITEMNAME** fields. Is it possible?
Run Code Online (Sandbox Code Playgroud) 当 Webdatrocks 表中的 Denominator 为零时,我想获得相同的分子值。在文档中他们提到了函数“ divideByZeroValue ”,但它只能保存静态值。
https://www.webdatarocks.com/doc/number-formatting/
请帮助有什么办法可以做到这一点。
[1] 我有一个网页,其中包含 Webdatarocks 数据透视表和 Highcharts(与 webdatarocks 集成)。我有一个需求,我需要显示一些过滤数据的图表,所以我使用 WebDataRocks 的 getdata() 函数,它充当 Highcharts 的数据源。我很快面临的问题是我在 getdata() 函数中应用过滤器,它还在 Webdatarocks Pivot Grid 中应用过滤器。即使 Pivot grid 和 highcharts 都是独立的,这样它也会过滤我的 Pivot 网格,这不是必需的。对此高度赞赏的任何解决方案。
webdatarocks ×10
javascript ×5
pivot ×2
pivot-table ×2
angularjs ×1
eventemitter ×1
events ×1
function ×1
highcharts ×1
jquery ×1
json ×1
npm ×1
php ×1