openlink / html5pivotviewer Goto Github PK

Hi,
I'm having trouble getting the Timeline view to work. I've set it up according to the comments but I'm getting the error: ReferenceError: Timeline is not defined.

I've got the following in my head:

<script>
    Timeline_ajax_url="html5pivotviewer/lib/simile-timeline/timeline_ajax/simile-ajax-api.js";
    Timeline_urlPrefix='html5pivotviewer/lib/simile-timeline/timeline_js/';       
    Timeline_parameters='bundle=true';
</script>
<script src="html5pivotviewer/lib/simile-timeline/timeline_js/timeline-api.js" type="text/javascript"></script>
<script>SimileAjax.History.enabled = false;</script>

I can confirm that timeline-api.js, simile-ajax.js and simile-ajax-bundle.js have all been loaded.

Cheers.

Search...bar only works for few...doesn't work for some of the data shown on the image...help required!!!

Hello,
Is there a way to know if the pivotviewer is in the Idle state mode? in TileController, there is a function called AnimateTiles with a variable named 'isAnimating' but it doesn't match with the actual pivotviewer state because when I'm checking its value, yet the state is false when the pivotviewer hasn't finished the animation.
Thank you in advance

Emanuele

Hi Jacqui,

I have problems loading more than 4000 images..can you help me with a fix

To reproduce: (using http://kingsley.idehen.net/c/86Q2Q for instance, reproduced both on Chrome 25.0.1364.172 and Firefox 19):

• select the Graph View (barchart icon)
• select an item to zoom on it (for instance the shark at the top of the first column)
• the canvas is zoomed, but at a wrong offset (another item is displayed)

Basically, the code to get the item offsets seems broken in graphview.js. Another related bug that exhibits the issue is the hover handling in graph view: on the same data set, only the first-column items are correctly framed when hover'ed. The other do not react to mouse clicks. I guess that both behaviours have the same root.

Include an item count in the top tool bar for the current filter.
In grid view display a count per column.

Hello,
is possible to run two instances of pivotviewer in the same page?
I have:

-Controller1.js:
declare var PivotViewer: any;
('#pv1').PivotViewer({ ... });

-Controller2.js:
declare var PivotViewer: any;
('#pv2').PivotViewer({ ... });

There are no error and a blank page with only pv header is shown.
Is there a way to make it working?

Thankyou in advance

If there is much more items likely 5000 there default image size is too small. Can we set default zoom level and put scroll on canvas? Please check attached images.

Issues below contribute to incorrect breadcrumb length causing floated elements to position incorrectly:

1. Brand Image element hardcoded to 55px, width retrievable in Chrome
2. View Control hardcoded to 93px does not include margin width of 5px
3. Use of jQuery.outerWidth() does not include margin, use jQuery.outerWidth(true)

Will there be support for item adorners in the near future?

excuse me？I hope Chinese can be configured in JSON. Where can I modify the code?
I hope to get your reply，thank you

If I use Chinese, there will be a problem with the left filter

Hi Guys, great work on the control.

I think for wider usage the control would be more popular if it did not need CXML and could use JSON for data..

Do you have any plans to support JSON objects as data and possibly remove the need for image generation for cards and use HTML/CSS?

Hi,
I have downloaded the example project (html5pivotviewer).
It is showing empty page,am using google chrome.
How can i resolve it? Is there any need to install anything for this.
Suggest me!!

Thank you

Hi,

am smal issue I have found with deep zoome images.
Between the tiles you can see a small line and they do not fit 100%.
I have created the deep zoom images with the excel addin pivot collection tool.

Regards
Stephan

Hi,
when I combine a second filter with the first on I get an invalid count displayed
next to the filter name (facet value). The value without the filter is displayed.
Have taken 2 screenshots. A filter in Serie is activated bevor.
Hope that could be fixed soon.
This is so a cool browser control. Thanks!

type src\jsonloader.js >> pivotviewer.js

type src\views\simpleimage.js >> pivotviewer.js

I think it would be great if you could add an html file with an example of how to use the html5 pivot viewer. I tried to use like in the original lobster build but it didnt work.

Thanks!

No items in the DeepZoom Collection
URL : http://10.1.22.105:8890/DeepZoomCache/cxml48.dzc
Pivot Viewer cannot continue until this problem is resolved

html5pivotviewer ver. 1.0.97-1184802/ 2017-04-28

where there can be errors?

I see the CSS formatting is all as each selector on one line. This makes it very hard to view commit edits as the whole line is marked as changed.

Is there a reason why this is so? What are the feelings toward me just formatting the CSS?

New to the project, setting up the example a lot of the facet categories are showing as undefined. This appears to be the case because of the recent addition of the StripVirtcxml function:

PivotViewer.Utils.StripVirtcxml = function (value) {
    if (value.startsWith ('virtcxml:Facet'))
    return value.substr(14);
};

If the text doesn't start with virtcxml:Facet, nothing is returned. I fixed this by adding one line to the function:

PivotViewer.Utils.StripVirtcxml = function (value) {
    if (value.startsWith ('virtcxml:Facet'))
        return value.substr(14);
    else return value;
};

Hi,
I've just tried your html5 viewer and I'm very happy with my initial results. See
sample2.gtz.com for a collection of mostly photgrahps by Nina Meledandi. One issue is that the collection will always size to the orginal size of browser. For example,if you open the browser with a 5 inch width and then make it 9 inches the main image panel does not grow unless you reload the page.
Thanks much for all your work as this seems to be getting close to the Silverlight version and all things considered is quite impressive.
John

Hi,
another problem I have found.
When you zoom in to much the viewport changes to small images but
the zoom slider stays to the right (max zoom level).
By the way, how can I change the height of the pivot viewer viewport?
Is it possible that the viewport size changes automatically then I change
the browser windows size?
Thanks!

Hi. Great tool!!

I got everything running on my IIS. All the samples except the ones with images work fine. Is this a known issue or am i missing the obvious?

Keep up the good work!

Hello,
I'm trying to optimize cpu performance using pivotviewer. During my test (with IE 11) I found an odd behaviour: the demo at pivot.lobsterpot.com.au/html5.htm on idle the cpu load is 0% or a bit more, but with my example or with this example (http://linkeddata.uriburner.com/HtmlPivotViewer/?url=http%3A%2F%2Flinkeddata.uriburner.com%2Fpivot_collections%2Fcollection_2014-06-27_15-47-17.719287.cxml%23%24view%24%3D1) the Cpu load is around 40% because it's calling the AnimateTiles function constantly.
Is it the expected behaviour? What do you think?
Thank you in advance

Emanuele

It may be a better experience to integrate this project with http://fayde.io/ since it is Silverlight without the plug-in.

The current code includes the following:

if (this.timeFacets[facet].eventsData[item]._id == this.selectedItemId) {
    this.timeFacets[facet].eventsData[item]._icon = "scripts/timeline_js/images/dark-red-circle.png";
} else 
    this.timeFacets[facet].eventsData[item]._icon = "scripts/timeline_js/images/blue-circle.png";

As I discovered, for someone developing on Windows and who doesn't have the source in the scripts directory, this code will result in missing images. Rather than force the source to be in the scripts folder, a more elegant solution is to do as the timeline_js code does and use the Timeline.url_prefix variable, which results in the following code:

if (this.timeFacets[facet].eventsData[item]._id == this.selectedItemId) {
    this.timeFacets[facet].eventsData[item]._icon = Timeline.urlPrefix + "images/dark-red-circle.png";
} else 
    this.timeFacets[facet].eventsData[item]._icon = Timeline.urlPrefix + "images/dull-blue-circle.png";

(Note that I changed the image to dull-blue-circle to match the image used initially by timeline_js.)

I only get it working with firefox.
Is it possible to get working with other browsers?
Thanks!

Hello,

is it possible to have a tooltip on the image tile to see the name of the tile?
That would be great!

Add the ability to display full data for the current filter in a pop-up window so that it can be copied into a spreadsheet or flat file.

I'm trying to use the JSON loader with a SimpleImageController in an asp.net site, but when I reload the page, I'm ending up with multiple instances of the pivotviewer on the same #pivotviewer div.

Example image: http://i.imgur.com/VzItlbx.png

I'm starting the viewer like so:

            $(document).ready(function () {
                $('#pivotviewer').PivotViewer(
                    {
                        Loader: new PivotViewer.Models.Loaders.JSONLoader("vehicles.json"),
                        ImageController: new PivotViewer.Views.SimpleImageController()
                    }
                );
            });

Is there a proper way to destroy any existing instances of the html5pivotviewer and its data on a DOM element or page before attaching a new?

The selection handling code in both gridview.js and graphview.js includes a lot of variables not explicitly declared with "var." While this doesn't seem to cause problems at the moment, this is probably something that should be fixed.

Hi all,

I think this project is brilliant and am going to use it on a major part of my site. I am hoping to be able to contribute... but I can't seem to be able to build this beauty.

I am a Windows guy, and I usually use Visual Studio - open and build :) I am not sure what to do here.

I read the INSTALL and saw that I need to run ./configure as a first step? This is linuxy :) so I recalled Cygwin - installed that and autoconf, but ./configure failed. I am at a loss here, sorry to be a bit dodgy, but hopefully your replies will fix that :)

Or am I going about this all wrong?

Is there a sample data and images somewhere I can use as a test to see all is ok once I get going?

HTTP Error 404.17 - Not Found
The requested content appears to be script and will not be served by the static file handler.

can it be named "defaults.json"?

I was wondering if the pivot viewer supports only fire fox but not any other. I am getting "error loading cxml collection" error for chrome & explorer. Please suggest me.

Is there supposed to be a scripts folder somewhere? Lines 104 and 110 of pivotviewer.js tries to access it but there is none. Getting errors on Chrome and Safari.

Hi,

when I use the CXML Loader with a 4 mb cxml file the browser hangs and takes a long time to load the data. During loading the browser gets no response. I tested it with 9000 items, 2 categories and only 1 picture.

Is there a way to load the data asynchronous?

Regards,
Carsten

This may be a problem with my .cxml collection, but in the silverlight pivot viewer the graph view separates each entry in a facet into a single stack bar on the only two collections I created. In the html5 view categories are combined. Example: normal view of a 10 section facet shows one section "Adverse Reactions" and one section "Binding Effects" and so on and so forth for 10 unique columns in the graph view. In the HTLM5 viewer I only get 5 unique columns and the label below is combined to read "Adverse Reactions-Binding Effects" which really changes the ability to view the relationship of total entries in each column to the overall entries. Is there a way to adjust the default layout to handle each column of the graph to be unique? Fantastic work. Thank you so much for picking up where Roger left off!