Hello,
I've been trying to refresh a chart "in place", without the regular process of emptying the div, then drawing a completely new version of the chart.
My current take on it is to redefine the render() and update() methods that are defined in CccComponent, and then setting a timer to refresh every 10 seconds, by putting the following in PostExecution:
The new code is basically just a smaller subset of the original code, and I see in the console log that the refresh happens.. but nothing is actually redrawn; the old chart remains in place.
If I change the this.chart.render() call above to instead be this.chart.render(true, true, true), in a possibly naive interpretation of render() as defined in pvcBaseChart.js, I get the error message "No data found" - which I feel is a bit odd as I do set the data just before rendering.
The following appears in the console log when receiving the above error, if I set pvc.debug = 3:
Any ideas on what I'm doing wrong?
I've been trying to refresh a chart "in place", without the regular process of emptying the div, then drawing a completely new version of the chart.
My current take on it is to redefine the render() and update() methods that are defined in CccComponent, and then setting a timer to refresh every 10 seconds, by putting the following in PostExecution:
Code:
function d() { this.lifecycle = { silent: true };
this.render = function(values) {
if (arguments.length > 0) {
this.chart.setData(values,{
crosstabMode: this.crosstabMode,
seriesInRows: this.seriesInRows
});
}
this.chart.render();
};
this.update = function() {
var myself = this;
if (Modernizr != undefined && Modernizr.svg) {
this.renderChart();
} else {
pv.listenForPageLoad(function() {
myself.renderChart();
});
}
};
var myself = this;
setTimeout(function(){myself.update();},10000);
}If I change the this.chart.render() call above to instead be this.chart.render(true, true, true), in a possibly naive interpretation of render() as defined in pvcBaseChart.js, I get the error message "No data found" - which I feel is a bit odd as I do set the data just before rendering.
The following appears in the console log when receiving the above error, if I set pvc.debug = 3:
Code:
[Lifecycle >Start] Init (Running: 1) scripts.js:4297
[Lifecycle >Start] render_CHART_TRX_TIMING (P: 5 ): preExecution Timing: 0ms since start, 0ms since last event (Running: 1) scripts.js:4263
[pvc.LineChart ]: NEW CHART
==========================================
DebugLevel: 3 scripts.js:5546
[pvc.LineChart ]: OPTIONS:
Object {dataAccessId: "DS_TRX_TIMING", path: "/foo_tmp.cda", extensionPoints: Object, colors: Array[0], animate: false…}
scripts.js:5547
[pvc.LineChart ]: Prerendering scripts.js:5551
[pvc.LineChart ]: DATA SOURCE SUMMARY
------------------------------------------
ROWS (10/120)
[0] ["foo", "07:57", 335]
[1] ["foo", "07:58", 192]
[2] ["foo", "07:59", 312]
[3] ["foo", "08:00", 476]
[4] ["foo", "08:01", 303]
[5] ["foo", "08:02", 336]
[6] ["foo", "08:03", 279]
[7] ["foo", "08:04", 432]
[8] ["foo", "08:05", 415]
[9] ["foo", "08:06", 243]
...
COLS (3)
[0] 'trans_name' (type: String, inspected: string)
[1] 'to_char' (type: String, inspected: string)
[2] 'duration_ms' (type: Integer, inspected: number)
scripts.js:5613
[pvc.LineChart ]: Relational data source translator scripts.js:5613
[pvc.LineChart ]: VIRTUAL ITEM ARRAY
------------------------------------------
Index | Kind | Type | Name | Label > Dimension
------+------+--------+-------------+-------+-----------
0 | S | string | trans_name | | series
1 | C | string | to_char | | category
2 | M | number | duration_ms | | value
scripts.js:5615
[pvc.LineChart ]: VISUAL ROLES MAP SUMMARY
------------------------------------------
VisualRole < Dimension(s)
-----------+--------------
multiChart | -
dataPart | dataPart
series | series
color | series
category | category
value | value
scripts.js:5610
[pvc.LineChart ]: DATA SUMMARY
------------------------------------------
Dimension
------------------------------------------
dataPart ("Data Part", Any, comparable, hidden) (1)
0
series ("trans_name", Any) (1)
foo
category ("to_char", Any) (120)
07:57, 07:58, 07:59, 08:00, 08:01, 08:02, 08:03, 08:04, 08:05, 08:06...
value ("duration_ms", Number, comparable, continuous) (95)
158, 160, 166, 170, 172, 176, 177, 181, 186, 189... scripts.js:5613
[pvc.AxisPanel - base ]: Showing only one in every 4 tick labels scripts.js:6017
[pvc.AxisPanel - base ]: Showing only one in every 5 tick labels scripts.js:6017
[pvc.AxisPanel - base ]: Showing only one in every 4 tick labels scripts.js:6017
[pvc.AxisPanel - base ]: Showing only one in every 5 tick labels scripts.js:6017
[Lifecycle <End ] render_CHART_TRX_TIMING (P: 5 ): postExecution Timing: 240ms since start, 240ms since last event (Running: 2) scripts.js:4263
[Lifecycle <End ] Init (Running: 0) scripts.js:4306
[Lifecycle >Start] render_CHART_TRX_TIMING (P: 5 ): preExecution Timing: 10.2s since start, 10.2s since last event (Running: 0) scripts.js:4263
[pvc.LineChart ]: Prerendering scripts.js:5551
[pvc.LineChart ]: DATA SOURCE SUMMARY
------------------------------------------
ROWS (10/120)
[0] ["foo", "07:57", 335]
[1] ["foo", "07:58", 192]
[2] ["foo", "07:59", 312]
[3] ["foo", "08:00", 476]
[4] ["foo", "08:01", 303]
[5] ["foo", "08:02", 336]
[6] ["foo", "08:03", 279]
[7] ["foo", "08:04", 432]
[8] ["foo", "08:05", 415]
[9] ["foo", "08:06", 243]
...
COLS (3)
[0] 'trans_name' (type: String, inspected: string)
[1] 'to_char' (type: String, inspected: string)
[2] 'duration_ms' (type: Integer, inspected: number)
scripts.js:5613
[pvc.LineChart ]: Relational data source translator scripts.js:5613
[pvc.LineChart ]: VIRTUAL ITEM ARRAY
------------------------------------------
Index | Kind | Type | Name | Label > Dimension
------+------+--------+-------------+-------+-----------
0 | S | string | trans_name | |
1 | C | string | to_char | |
2 | M | number | duration_ms | |
scripts.js:5615
[pvc.LineChart ]: VISUAL ROLES MAP SUMMARY
------------------------------------------
VisualRole < Dimension(s)
-----------+--------------
multiChart | -
dataPart | dataPart
series | series
color | series
category | category
value | value
scripts.js:5610
[pvc.LineChart ]: DATA SUMMARY
------------------------------------------
Dimension
------------------------------------------
dataPart ("Data Part", Any, comparable, hidden) (0)
series ("trans_name", Any) (0)
category ("to_char", Any) (0)
value ("duration_ms", Number, comparable, continuous) (0)
scripts.js:5613
[pvc.LineChart ]: No data found. scripts.js:5576
[Lifecycle <End ] render_CHART_TRX_TIMING (P: 5 ): postExecution Timing: 10.3s since start, 10.3s since last event (Running: 0) scripts.js:4263