[prev in list] [next in list] [prev in thread] [next in thread]
List: esb-java-dev
Subject: Re: [Dev] Widget designer line chart: determine line color based on attribute value
From: Charuka Karunanayake <charuka () wso2 ! com>
Date: 2020-01-06 12:53:52
Message-ID: CAGoSQX6SmgdRJm4jeYhAOrErVJTD_2Cyb5ThrHse7-SR-mCP7Q () mail ! gmail ! com
[Download RAW message or body]
[Attachment #2 (multipart/related)]
[Attachment #4 (multipart/alternative)]
Hi Weido,
Currently there is no support to draw the same line in two different colors
as you have shown, this can be done using a custom charting solution, but
you can provide which color to be used by the chart and what color to be
used when plotting a specific category you have to define the color set to
be used when filling the form as shown
[image: Screenshot 2020-01-06 at 18.03.28.png]
Thanks and regards,
Charuka
On Mon, Jan 6, 2020 at 4:42 PM Damith Wickramasinghe <damithn@wso2.com>
wrote:
>
>
> On Mon, Jan 6, 2020 at 3:31 PM Chiran Fernando <chiran@wso2.com> wrote:
>
>>
>>
>> On Fri, Jan 3, 2020 at 3:06 PM W. E. <aanvallend@live.nl> wrote:
>>
>>> Hi all,
>>>
>>> I have a urgent issue with creating a widget for a dashboard. Im
>>> currently creating a widget in the widget designer in the dashboard portal
>>> with a RDMS as a real time datasource. I choose a line chart and choose the
>>> ID column for the x-axis and a result column for the y axis. I have a other
>>> column that should determine the line color of the chart. This column is
>>> named "prediction". When prediction = 0 I want a green color and when its 1
>>> it should have a red color. I see the option "Data field, according to
>>> which, color categorization is done" in the widget designer, when I choose
>>> the prediction column for this option I get the below chart (image 1). The
>>> problem with this is that I want all datapoints to connect with each other.
>>> Doesnt matter if the prediction is a 0 or 1. I just want the line and point
>>> to have a different color based on the prediction value. To make clear what
>>> I mean see image 2. U can see here that lines are red and green based on
>>> the prediction value. I also want the points to be red and green. How can I
>>> do this in the widget designer? Thanks for the help.
>>>
>>> image 1
>>>
>>>
>>> image 2
>>>
>>>
>>> Best regards,
>>> Wiedo
>>> _______________________________________________
>>> Dev mailing list
>>> Dev@wso2.org
>>> http://wso2.org/cgi-bin/mailman/listinfo/dev
>>>
>>
>>
>> --
>> *Chiran Fernando*
>> Senior Software Engineer | WSO2
>>
>> Email : chiran@wso2.com
>> Mobile : +94716007376
>>
>> <http://wso2.com/signature>
>>
>
>
> --
> Associate Technical Lead | WSO2 Inc.
> lean.enterprise.middleware
>
> mobile: *+94728671315*
>
>
--
*Charuka Karunanayake*
Software Engineer | WSO2
E-mail: charuka@wso2.com
Mobile: +94711611848
Web: http://wso2.com
<http://wso2.com/signature>
[Attachment #7 (text/html)]
<div dir="ltr"><div dir="ltr">Hi Weido,<br><br>Currently there is no support to draw \
the same line in two different colors as you have shown, this can be done using a \
custom charting solution, but you can provide which color to be used by the chart and \
what color to be used when plotting a specific category you have to define the color \
set to be used when filling the form as shown<br></div><div dir="ltr"><div><img \
src="cid:ii_k52fokyu2" alt="Screenshot 2020-01-06 at 18.03.28.png" width="562" \
height="274"><br></div><div><br></div><div>Thanks and \
regards,</div><div>Charuka</div></div><br><div class="gmail_quote"><div dir="ltr" \
class="gmail_attr">On Mon, Jan 6, 2020 at 4:42 PM Damith Wickramasinghe <<a \
href="mailto:damithn@wso2.com">damithn@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"><br></div><br><div \
class="gmail_quote"><div dir="ltr" class="gmail_attr">On Mon, Jan 6, 2020 at 3:31 PM \
Chiran Fernando <<a href="mailto:chiran@wso2.com" \
target="_blank">chiran@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"><br></div><br><div \
class="gmail_quote"><div dir="ltr" class="gmail_attr">On Fri, Jan 3, 2020 at 3:06 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 all,</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 have a urgent issue with creating a widget for a dashboard. Im currently creating \
a widget in the widget designer in the dashboard portal with a RDMS as a real time \
datasource. I choose a line chart and choose the ID column for the x-axis and a \
result column for the y axis. I have a other column that should determine the line \
color of the chart. This column is named "prediction". When prediction = 0 \
I want a green color and when its 1 it should have a red color. I see the option \
"Data field, according to which, color categorization is done" in the \
widget designer, when I choose the prediction column for this option I get the below \
chart (image 1). The problem with this is that I want all datapoints to connect with \
each other. Doesnt matter if the prediction is a 0 or 1. I just want the line and \
point to have a different color based on the prediction value. To make clear what I \
mean see image 2. U can see here that lines are red and green based on the prediction \
value. I also want the points to be red and green. How can I do this in the widget \
designer? Thanks for the help. </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)">
image 1</div>
<div style="font-family:Calibri,Helvetica,sans-serif;font-size:12pt;color:rgb(0,0,0)">
<img size="12645" style="max-width: 100%;" src="cid:16f7a4d006acb971f161"><br>
</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)">
image 2</div>
<div style="font-family:Calibri,Helvetica,sans-serif;font-size:12pt;color:rgb(0,0,0)">
<img size="30433" style="max-width: 100%;" src="cid:16f7a4d006bcb971f162"><br>
</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)">
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"><b>Chiran Fernando</b><div><font \
size="2">Senior Software Engineer | WSO2</font></div><div><font \
size="1"><br></font></div><div><font size="2">Email : <a \
href="mailto:chiran@wso2.com" \
target="_blank">chiran@wso2.com</a></font></div><div><font size="2">Mobile : \
+94716007376</font></div><div><font size="2"><br></font></div><div><font size="2"><a \
href="http://wso2.com/signature" target="_blank"><img \
src="http://c.content.wso2.com/signatures/wso2-signature-general.png"></a><br></font></div></div></div></div></div></div></div>
</blockquote></div><br clear="all"><br>-- <br><div dir="ltr"><div \
dir="ltr"><div><div dir="ltr"><div><div dir="ltr">Associate Technical Lead |<b> \
</b>WSO2 Inc.<br> lean.enterprise.middleware<br><br>mobile: \
<u>+94728671315</u><br><br></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></div>
--00000000000007ac2b059b77fe29--
["image.png" (image/png)]
["image.png" (image/png)]
["Screenshot 2020-01-06 at 18.03.28.png" (image/png)]
_______________________________________________
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