[prev in list] [next in list] [prev in thread] [next in thread]
List: wsas-java-dev
Subject: Re: [Dev] Questions about dashboard
From: Charuka Karunanayake <charuka () wso2 ! com>
Date: 2019-12-04 11:50:13
Message-ID: CAGoSQX60kX_b-p_OdD8XnjWEZcvMpQfA1e76XG=ObhBPA2sGFg () mail ! gmail ! com
[Download RAW message or body]
[Attachment #2 (multipart/alternative)]
Hi all,
Regarding publishing to the dashboard directly from a siddhi app,
Alternatively, this can be done through the websocket provider refer[1]. by
using this data provider you can use a websocket sink[2] to publish data
directly to the dashboard widget
[1] -
https://docs.wso2.com/display/SP420/Working+with+Data+Providers#WorkingwithDataProviders-WebSocketProvider
[2] -
https://siddhi-io.github.io/siddhi-io-websocket/api/3.0.0/#websocket-sink
Thanks and regards,
Charuka
On Wed, Dec 4, 2019 at 2:36 PM Tanya Madurapperuma <tanya@wso2.com> wrote:
> Hi Wiedo,
>
> Please find my replies in-line.
>
> On Tue, Dec 3, 2019 at 5:53 PM W. E. <aanvallend@live.nl> wrote:
>
> > Hi,
> >
> > I'm currently designing a dashboard. I've a couple of questions about the
> > possibilities of dashboard tooling. These are:
> >
> >
> > - Is it possible to connect a real time Siddhi application (created
> > in WSO2 SP) with a dashboard. So can I use a sink in the Siddhi application
> > to connect to a dashboard?
> >
> > Out of the box support is only available to write a siddhi app [1] and
> fetch data by writing a siddhi query [2] or to write a rdbms query[3] to
> fetch data. But might be possible to write a custom data provider and fetch
> data using a siddhi source. @Lasantha S <lasanthas@wso2.com> Any
> thoughts?
>
> [1]
> https://github.com/wso2/analytics-apim/blob/master/components/org.wso2.analytics.apim.widgets/APIMApiAvailability/src/resources/widgetConf.json#L13
> [2]
> https://github.com/wso2/analytics-apim/blob/master/components/org.wso2.analytics.apim.widgets/APIMApiAvailability/src/resources/widgetConf.json#L15
> [3]
> https://github.com/wso2/analytics-apim/blob/master/components/org.wso2.analytics.apim.widgets/APIMAppCreatedAnalytics/src/resources/widgetConf.json#L15
>
> >
> > - I want to make line graph in de dashboard that may hightlighs a
> > certain part (multiple lines) based on some conditions. Can I create some
> > code to implement some condition. For example when the incoming data sends
> > 5 events after each other a "1" for a attribute I want to highlight those
> > events?
> >
> > Widget in a dashboard is basically a react component. So you can use any
> react libraries of your choice and build any visualization you wish.
>
> >
> > - Can I create a combination of line and point graph? So both lines
> > and points are visible?
> >
> > Are you searching for a graph like this [4] ? If so refer the code at [5]
>
> [4]
> https://apim.docs.wso2.com/en/latest/Learn/Analytics/AnalyzingAPIMStatisticsWithBatchAnalytics/viewing-api-statistics/#api-latency-time
>
> [5]
> https://github.com/wso2/analytics-apim/tree/master/components/org.wso2.analytics.apim.widgets/APIMApiLatencyTime
>
> >
> > - Can also add a textual box where I can display some messages in the
> > dashboard environment?
> >
> > Yes. You write a react component with your prefered styling of a text box
> and get that rendered in the dashboard.
>
> >
> > - Is there some documentation where I can find extensive explenation
> > about dashboarding. Because now I can only find a couple basic tutorials on
> > this link:
> > https://docs.wso2.com/display/SP440/Stream+Processor+Documentation
> >
> > You can find documentation at [6] or refer our sample widgets written for
> api manager dashboards at [7]
>
> [6] https://docs.wso2.com/display/SP440/Creating+Custom+Widgets
> [7]
> https://github.com/wso2/analytics-apim/tree/master/components/org.wso2.analytics.apim.widgets/
>
> Thanks,
> Tanya
>
> Best regards,
> > Wiedo
> > _______________________________________________
> > Dev mailing list
> > Dev@wso2.org
> > http://wso2.org/cgi-bin/mailman/listinfo/dev
> >
>
>
> --
> *Tanya Madurapperuma* | Technical Lead | WSO2 Inc.
> (m) +94718184439 | (e) tanya@wso2.com
>
> <http://wso2.com/signature>
>
>
>
--
*Charuka Karunanayake*
Software Engineer | WSO2
E-mail: charuka@wso2.com
Mobile: +94711611848
Web: http://wso2.com
<http://wso2.com/signature>
[Attachment #5 (text/html)]
<div dir="ltr">Hi all,<br><br>Regarding publishing to the dashboard directly from a \
siddhi app, Alternatively, this can be done through the websocket provider refer[1]. \
by using this data provider you can use a websocket sink[2] to publish data directly \
to the dashboard widget<div><br></div><div>[1] - <a \
href="https://docs.wso2.com/display/SP420/Working+with+Data+Providers#WorkingwithDataProviders-WebSocketProvider" \
target="_blank">https://docs.wso2.com/display/SP420/Working+with+Data+Providers#WorkingwithDataProviders-WebSocketProvider</a></div><div>[2] \
- <a href="https://siddhi-io.github.io/siddhi-io-websocket/api/3.0.0/#websocket-sink" \
target="_blank">https://siddhi-io.github.io/siddhi-io-websocket/api/3.0.0/#websocket-sink</a><br><br>Thanks \
and regards,<br>Charuka</div></div><br><div class="gmail_quote"><div dir="ltr" \
class="gmail_attr">On Wed, Dec 4, 2019 at 2:36 PM Tanya Madurapperuma <<a \
href="mailto:tanya@wso2.com">tanya@wso2.com</a>> wrote:<br></div><blockquote \
class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid \
rgb(204,204,204);padding-left:1ex"><div dir="ltr"><div dir="ltr">Hi \
Wiedo,<div><br></div><div>Please find my replies in-line.</div></div><br><div \
class="gmail_quote"><div dir="ltr" class="gmail_attr">On Tue, Dec 3, 2019 at 5:53 PM \
W. E. <<a href="mailto:aanvallend@live.nl" \
target="_blank">aanvallend@live.nl</a>> wrote:<br></div><blockquote \
class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid \
rgb(204,204,204);padding-left:1ex">
<div dir="ltr">
<div style="font-family:Calibri,Helvetica,sans-serif;font-size:12pt;color:rgb(0,0,0)">
Hi,</div>
<div style="font-family:Calibri,Helvetica,sans-serif;font-size:12pt;color:rgb(0,0,0)">
<br>
</div>
<div style="font-family:Calibri,Helvetica,sans-serif;font-size:12pt;color:rgb(0,0,0)">
I'm currently designing a dashboard. I've a couple of questions about the \
possibilities of dashboard tooling. These are:</div> <div \
style="font-family:Calibri,Helvetica,sans-serif;font-size:12pt;color:rgb(0,0,0)"> \
<br> </div>
<div style="font-family:Calibri,Helvetica,sans-serif;font-size:12pt;color:rgb(0,0,0)">
<ul>
<li>Is it possible to connect a real time Siddhi application (created in WSO2 SP) \
with a dashboard. So can I use a sink in the Siddhi application to connect to a \
dashboard?</li></ul></div></div></blockquote><div>Out of the box support is only \
available to write a siddhi app [1] and fetch data by writing a siddhi query [2] or \
to write a rdbms query[3] to fetch data. But might be possible to write a custom data \
provider and fetch data using a siddhi source. <a class="gmail_plusreply" \
id="gmail-m_-4868388998439846480plusReplyChip-0" href="mailto:lasanthas@wso2.com" \
target="_blank">@Lasantha S</a> Any thoughts?</div><div><br></div><div>[1] <a \
href="https://github.com/wso2/analytics-apim/blob/master/components/org.wso2.analytics.apim.widgets/APIMApiAvailability/src/resources/widgetConf.json#L13" \
target="_blank">https://github.com/wso2/analytics-apim/blob/master/components/org.wso2 \
.analytics.apim.widgets/APIMApiAvailability/src/resources/widgetConf.json#L13</a></div><div>[2] \
<a href="https://github.com/wso2/analytics-apim/blob/master/components/org.wso2.analytics.apim.widgets/APIMApiAvailability/src/resources/widgetConf.json#L15" \
target="_blank">https://github.com/wso2/analytics-apim/blob/master/components/org.wso2 \
.analytics.apim.widgets/APIMApiAvailability/src/resources/widgetConf.json#L15</a></div><div>[3] \
<a href="https://github.com/wso2/analytics-apim/blob/master/components/org.wso2.analytics.apim.widgets/APIMAppCreatedAnalytics/src/resources/widgetConf.json#L15" \
target="_blank">https://github.com/wso2/analytics-apim/blob/master/components/org.wso2 \
.analytics.apim.widgets/APIMAppCreatedAnalytics/src/resources/widgetConf.json#L15</a></div><blockquote \
class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid \
rgb(204,204,204);padding-left:1ex"><div dir="ltr"><div \
style="font-family:Calibri,Helvetica,sans-serif;font-size:12pt;color:rgb(0,0,0)"><ul><li>I \
want to make line graph in de dashboard that may hightlighs a certain part (multiple \
lines) based on some conditions. Can I create some code to implement some condition. \
For example when the incoming data sends 5 events after each other a "1" \
for a attribute I want to highlight those \
events?</li></ul></div></div></blockquote><div>Widget in a dashboard is basically a \
react component. So you can use any react libraries of your choice and build any \
visualization you wish. </div><blockquote class="gmail_quote" style="margin:0px 0px \
0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex"><div \
dir="ltr"><div style="font-family:Calibri,Helvetica,sans-serif;font-size:12pt;color:rgb(0,0,0)"><ul><li>Can \
I create a combination of line and point graph? So both lines and points are \
visible?</li></ul></div></div></blockquote><div>Are you searching for a graph like \
this [4] ? If so refer the code at [5]</div><div><br></div><div>[4] <a \
href="https://apim.docs.wso2.com/en/latest/Learn/Analytics/AnalyzingAPIMStatisticsWithBatchAnalytics/viewing-api-statistics/#api-latency-time" \
target="_blank">https://apim.docs.wso2.com/en/latest/Learn/Analytics/AnalyzingAPIMStatisticsWithBatchAnalytics/viewing-api-statistics/#api-latency-time</a> \
</div><div>[5] <a href="https://github.com/wso2/analytics-apim/tree/master/components/org.wso2.analytics.apim.widgets/APIMApiLatencyTime" \
target="_blank">https://github.com/wso2/analytics-apim/tree/master/components/org.wso2.analytics.apim.widgets/APIMApiLatencyTime</a></div><blockquote \
class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid \
rgb(204,204,204);padding-left:1ex"><div dir="ltr"><div \
style="font-family:Calibri,Helvetica,sans-serif;font-size:12pt;color:rgb(0,0,0)"><ul><li>Can \
also add a textual box where I can display some messages in the dashboard \
environment?</li></ul></div></div></blockquote><div>Yes. You write a react component \
with your prefered styling of a text box and get that rendered in the dashboard. \
</div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px \
solid rgb(204,204,204);padding-left:1ex"><div dir="ltr"><div \
style="font-family:Calibri,Helvetica,sans-serif;font-size:12pt;color:rgb(0,0,0)"> \
<div> <ul>
<li>Is there some documentation where I can find extensive explenation about \
dashboarding. Because now I can only find a couple basic tutorials on this link: <a \
href="https://docs.wso2.com/display/SP440/Stream+Processor+Documentation" \
target="_blank">https://docs.wso2.com/display/SP440/Stream+Processor+Documentation</a></li></ul></div></div></div></blockquote><div>You \
can find documentation at [6] or refer our sample widgets written for api manager \
dashboards at [7]</div><div><br></div><div>[6] <a \
href="https://docs.wso2.com/display/SP440/Creating+Custom+Widgets" \
target="_blank">https://docs.wso2.com/display/SP440/Creating+Custom+Widgets</a> \
</div><div>[7] <a \
href="https://github.com/wso2/analytics-apim/tree/master/components/org.wso2.analytics.apim.widgets/" \
target="_blank">https://github.com/wso2/analytics-apim/tree/master/components/org.wso2 \
.analytics.apim.widgets/</a></div><div><br></div><div>Thanks,</div><div>Tanya</div><div><br></div><blockquote \
class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid \
rgb(204,204,204);padding-left:1ex"><div dir="ltr"><div \
style="font-family:Calibri,Helvetica,sans-serif;font-size:12pt;color:rgb(0,0,0)"><div>
</div>
</div>
<div style="font-family:Calibri,Helvetica,sans-serif;font-size:12pt;color:rgb(0,0,0)">
Best regards,</div>
<div style="font-family:Calibri,Helvetica,sans-serif;font-size:12pt;color:rgb(0,0,0)">
Wiedo</div>
</div>
_______________________________________________<br>
Dev mailing list<br>
<a href="mailto:Dev@wso2.org" target="_blank">Dev@wso2.org</a><br>
<a href="http://wso2.org/cgi-bin/mailman/listinfo/dev" rel="noreferrer" \
target="_blank">http://wso2.org/cgi-bin/mailman/listinfo/dev</a><br> \
</blockquote></div><br clear="all"><div><br></div>-- <br><div dir="ltr"><div \
dir="ltr"><div><div dir="ltr"><div><div dir="ltr"><div><div dir="ltr"><div><div \
dir="ltr"><div style="font-size:12.8px"><b>Tanya Madurapperuma</b> | Technical Lead | \
WSO2 Inc.</div><div style="font-size:12.8px">(m) +94718184439 | (e) <span><a \
href="mailto:tanya@wso2.com" target="_blank">tanya@wso2.com</a></span></div><div \
style="font-size:12.8px"><span><br></span></div><div \
style="font-size:12.8px"><span><div style="font-size:12.8px"><a \
href="http://wso2.com/signature" target="_blank"><img \
src="http://c.content.wso2.com/signatures/wso2-signature-general.png"></a><br></div></span></div><div \
style="font-size:12.8px"><span><br></span></div><div \
style="font-size:12.8px"><span><br></span></div></div></div></div></div></div></div></div></div></div></div></div>
</blockquote></div><br clear="all"><div><br></div>-- <br><div dir="ltr" \
class="gmail_signature"><div dir="ltr"><div><div dir="ltr"><b>Charuka \
Karunanayake</b><div><font color="#666666">Software Engineer | \
WSO2</font></div><div><font color="#666666"><br></font></div><div><font \
color="#666666">E-mail: <a href="mailto:charuka@wso2.com" \
target="_blank">charuka@wso2.com</a><br></font></div><div><font \
color="#666666">Mobile: +94711611848</font></div><div><font color="#666666">Web: <a \
href="http://wso2.com" \
target="_blank">http://wso2.com</a></font></div><div><br></div><div><a \
href="http://wso2.com/signature" target="_blank"><img \
src="http://c.content.wso2.com/signatures/wso2-signature-general.png"></a><br></div><div><font \
color="#999999"><br></font></div><div><br></div></div></div></div></div>
_______________________________________________
Dev mailing list
Dev@wso2.org
http://wso2.org/cgi-bin/mailman/listinfo/dev
[prev in list] [next in list] [prev in thread] [next in thread]
Configure |
About |
News |
Add a list |
Sponsored by KoreLogic