Echarts gantt: connect subtask to task - echarts

How to made a gantt chart with connected task/subtask and move them according to this relation?
I'm unable to find an example or some code about that.
EDIT: for example this gantt example:
https://echarts.apache.org/v4/examples/en/editor.html?c=custom-gantt-flight
How to connect one block with another with a line?

Related

Using chart in ALP but it can't load data properly when the data comes more than 1000

Currently I'm using line chart in ALP, and I'm using time as x-axis, so when it comes with many data of time(>=1000 ) ,the chart loads data only in 130, and the more weird thing is that when I switch chart into some kind else ,like column chart, the data shown in the chart has changed to 180, and so on. In the same time, the data shown the table above loads correctly. I cannot find any issue or tip on the document or in the community.
P.S This issue happened only when the data(x-axis) reaches 1000 and more, 999 and the below are all aright.
My Ui5 version is 1.109.0, and using cap-node as backend.
I've try to change the version of UI5, but comes with no change.
I hope that you can tell me why this thing happens , and you can try to see the issue on local through a simple demo I found on the github https://github.wdf.sap.corp/PoC-LowCode-NoCode/alp_poc. Choose node as backend and add data to the my.bookshop-Books.csvfile(https://gist.github.com/OiverCai/aee8f7c75e382f0554d9746785ba45dd)
then rewrite the dimension in cat-service-ui.cds from title to ID(x-axis), then start the project and you can see the issue.

SAPUI5 timeseries_stacked_column chart displaying empty weeks even though there's no data

I'm creating the timeseries_stacked_column chart using SAPUI5 and the framework is plotting data for missing weeks even thought it's not fed to the chart. Please can anyone guide what's the best approach to avoid this.
Document link for chart property reference:
https://sapui5.hana.ondemand.com/docs/vizdocs/index.html#reference/chartProperty/Charts/Bar%20%20(15)/Stacked%20Column%20Chart%20for%20Date/Time%20Series/
Please see the screenshot below for the issue
Unfortunately the time series doesn't skip the intervals so the alternate solution to this was to use stacked_column chart with array of dimensions ["Year", "Week"] and plot accordingly.
Example: https://jsbin.com/nejefizuve/edit?html,output

Developing custom visuals in Power BI

Is the code for Power BI Line and stacked column chart and KPI visuals available? If so, where can they be retrieved?
The purpose is to enhance the visuals:
The axis lines are missing from the chart
Bolding the numbers in KPI is not possible as well, as I want to rename goal to target
So, I am trying the find out if I can edit the existing code or do I have to start from the scratch.
Source code of Power BI Core Visuals aren't available
You need to consider to use another Custom Visual with source code
Probably PKI Chart by Akvelon meets to your requirements:
https://github.com/akvelon/PowerBI-KPI-Chart
https://appsource.microsoft.com/en-us/product/power-bi-visuals/WA104381432
And Advance Card supports bolding font:
https://github.com/bhavesh-jadav/Advance-Card/
https://appsource.microsoft.com/en-us/product/office/WA104381651

Node Red MongoDB

I have sensor data from MongoLab to Node-RED and I want visualize this data using Node-Red dashboard in form of a gauge or chart.
Data from the mongoLab collection looks like this:
[{"_id":"5947e34de8fef902920defd8","sensorId":"5947340048225508","value":34,"date":"2017-06-19T14:44:29.000Z"},{"_id":"5947e34e6737e202b54f0a62","sensorId":"13359295204302776","value":25,"date":"2017-06-19T14:44:30.000Z"},{"_id":"5947e352e8fef902920defdc","sensorId":"5947340048225508","value":37,"date":"2017-06-19T14:44:34.000Z"},{"_id":"5947e3536737e202b54f0a66","sensorId":"13359295204302776","value":24,"date":"2017-06-19T14:44:35.000Z"}]
I want to visualize the values based on the sensorId...or is there any way I can be able to visualize this data using Node Red.
The function node is using the following javascript
msg.headers = {"Content-Type":"application/json"};
return msg;
My intention is to visualize the sensor value on the ui_gauge or chart.
Make a gauge/graph for each of the unique data steams you want to reflect in the UI/dashboard,
Then you'll need to double the output lines to another function that passes this information to the msg.payload, and then from that function, tie it to the corresponding dashboard gauges.
A gauge will obviously show the last value sent, while a graph will show you a history. May need to tweak the visual layout of the dashboard gauges/charts to show more data, to your liking.
Flow Chart Example
Your code might look something like this in the new forked function that is then tied to your gauges:
msg.payload = msg.value;
return msg;
or you can use a switch, that then breaks the values to multiple outputs, that then each output goes to a corresponding gauge to reflect the data.
Flow Chart Example Using Switch
I really hope this helps.

How to create a chart in Kibana from a set number

I have a task that sends to Kibana a number of files it's supposed to run, then it sends an event for each file that finishes. How can I configure my Kibana to give me a pie chart of remaining files from finished files? (If it's impossible to do with a pie chart I'd like to hear about other charts to do that with)
Ideally if for example I have 20 files and 5 finished I want my pie to be 3 quarters of one color (waiting files) and 1 quarter another color (finished files).
If you're to use the pie chart, you might have to differentiate the file whether it's a finished one or a waiting one by using filter aggregation. You can have a look at this, for more about using the filter.
So in your case, let's assume if you have a field called status which has distinct values as waiting and finished. What you can do is to have two filters containing:
filter 1
status:'waiting'
filter 2
status:'finished'
So the above would actually split your pie chart into two sections where one containing the waiting events and the other containing finished events with two different colors. This is just a thought so that you could reproduce. Hope it helps!