SAPUI5 Gantt chart official example does not work - sapui5

Dear SAPUI5 developers,
I want to use the Gantt chart of SAPUI5. I found just one example of Gantt Chart in the following link:
https://sapui5.hana.ondemand.com/explored.html#/sample/sap.gantt.sample.BasicGanttChart/preview
While the example works fine in their official website, I downloaded it and run inside of the WebIDE. But it throws the following error and its features like magnifier does not work.
Uncaught (in promise) Error: "-Infinity%" is of type string, expected sap.ui.core.CSSSize for property "selectionPanelSize" of Element sap.gantt.GanttChartWithTable#__xmlview0--ganttView(…)
I didn't change anything. So if you need to run the example to run it you can download the from the above link.
Also I am looking for a some tutorials about SAPUI5 Gantt Chart. But I have not yet found anything. If you can redirect me to some tutorial related to this feature I appreciate it.
As I understood this problem is not related to the controller. And even when I just load the XML view this error appears.
Thanks in advance

In index.html, remove data-sap-ui-preload="async".
Hope it Helps.

Related

Grafana Timeseries Panel: How to change color of annotations bar based on a tag

I am using Grafana version 8.1.0 and have a timeseries panel on which annotations are added using HTTP create annotation API and GUI both.
I want to change the color of the annotation bar based on tags added to that annotation.
I have tried to go through documentation but have not found a way to do it. Could someone help me out with this? I think this is a very basic requirement and I must be missing something here.
It seems like it's not implemented yet, as you can see on this open issue from 2018.
You can also see from the annotations API documentation that it's not possible yet.

Google Visualization Chart Stopped Working

I have created a dashboard which uses JSON data to create several different kinds of google visualization charts. This dashboard has been working perfectly for two years. Just in the past day or so, the column chart and the line chart give a "Cannot read property 'Do' of undefined" error while my tables and maps continue to work. I have checked all of the most recent records to make sure there is nothing that could be undefined and I have found no issues. I've checked my arrays in the console and they all look correct. I've also checked the chart objects in the console just before drawing and they are properly populated, so I am stumped. Can anyone help me figure out what could be happening?
load google charts with a saved version (a.k.a. Frozen Charts Version)...
google.charts.load('50', {
when implementing a page or application,
always use a saved version of google charts.
this way, changes to the 'current' version can't mess with your code.
you can find a list of the saved versions at the following link,
along with the changes that were implemented...
https://developers.google.com/chart/interactive/docs/release_notes#version-history

Does the Charts library support showing a message when there's no data to display?

I'm using the Charts library (Charts) and I want to display a message on the chart if there's no data to display - something like this:
I've read the documentation, searched the code base, and searched the issues on Github and the only thing I could find is an old issue that suggests ChartViewBase has a property called noDataTextDescription. As far as I can tell, that's not in the Charts 3.1.1 code.
There is a chartDescription property, but that only shows a description in the bottom right corner of the chart. Is this intended to be used for a message like 'There's no data to display`?
In newer version after 3.X many properties name updated and as per your requirement for No Data Text you can use below property for the same.
lineChartView.noDataText = "<Your custom Text>"
Hope this will help to show Message while there is no data.

How to appear the arrow using sap.m.Popover

I'm using SAPUI5
I allready create de Object Sap.m.popover, and appears on bottom of the button when click, but the arrow up its not there.
What i miss?
Thanks
Its due to missing of CSS. Please try to update the UI5 library. 1.28.7 version is recommended. Thanks
There are API properties for controlling the arrow positioning (placement) and it also depends on the device / browser how the arrow is displayed.
If the examples from the explored app or from the test page run fine for you, then try to copy the code from one of these resources:
Examples
Developer Test page
If this does not help, consider opening a new GitHub issue for OpenUI5 or an SAP ticket to analyze the issue.

Using charts with gwt

I am doing some stuff with gwt, Now i need to draw charts. Actually pie chart and line chart.
Is there any library for chart which works well with gwt?
Check out Google API Libraries for Google Web Toolkit. There you will find a link to Google Chart Tools
There is also OFCGWT chart widget for GWT based on Open Flash Chart 2. Here is its demo
Except this you can check out these:
charts4j
clientsidegchart
RaphaelJS GWT wrapper, there is also one called raphaelGWT which is not developed actively.
I've already use Google Charts, and I preffer
GWT-HighCharts you can see why checking it showcase.
Check out http://code.google.com/p/gwt-rcharts/ and its demo at http://gwt-rcharts.appspot.com/ with code snippets on how to use it, which is quite easy.