Scatter chart with different point colors

9 posts, 0 answers
  1. DMC Helpdesk
    DMC Helpdesk avatar
    52 posts
    Member since:
    Nov 2007

    Posted 24 Apr 2012 Link to this post

    Hi,

    I am specifying the series for my remote data source using the following format:

    series: [{
                               xField: "X",
                              yField: "Y"
    }]

    Now I want to specify scatter point colors in the series.I want something similar to the following:

    series: [{
                               xField: "X",
                              yField: "Y",
                              colorField: "Color"
    }]

    my Json data would be like:

    [{Label:"India",X:120,X:102,Color:"red"},{Label:"China",X:160,X:118,Color:"green"},{Label:"USA",X:1000,X:137,Color:"blue"},{Label:"Russia",X:170,X:125,Color:"yellow"}]


    Thanks

    Madani
  2. Hristo Germanov
    Admin
    Hristo Germanov avatar
    703 posts

    Posted 25 Apr 2012 Link to this post

    Hello DMC,

    Thank you for contacting us.

    We have no color field for the scatter chart but we will consider adding it.

    Greetings,
    Hristo Germanov
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. DMC Helpdesk
    DMC Helpdesk avatar
    52 posts
    Member since:
    Nov 2007

    Posted 25 Apr 2012 Link to this post

    Thanks.I would also vote for different scatter point shapes (e.g. circle, triangle,square).It will be nice to have built in shapes or image based shapes as well.

    Thanks

    Madani
  4. Chris
    Chris avatar
    6 posts
    Member since:
    Jun 2012

    Posted 27 Oct 2012 Link to this post

    Will this be added in the new release ?

    I have a chart and on each point, I wish to specify a colour for the marker.

    I am using the chart to display results, so dreen for a win, red for a loss, etc.

    Thank You.
  5. Hristo Germanov
    Admin
    Hristo Germanov avatar
    703 posts

    Posted 31 Oct 2012 Link to this post

    Hi,

    I am glad to inform you that with the official release of Kendo UI we will add color field for the scatter chart.

    All the best,
    Hristo Germanov
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  6. Paul
    Paul  avatar
    9 posts
    Member since:
    Jan 2011

    Posted 22 Mar 2013 Link to this post

    I just download the latest release of DataViz in hopes that the colorField would be supported in the 2013 Q1 release.  Apparently, adding support for the series data colorField property was not supported in the initial or subsequent release for scatterLine chart types.  Please update this thread so others are not misled.
  7. Hristo Germanov
    Admin
    Hristo Germanov avatar
    703 posts

    Posted 25 Mar 2013 Link to this post

    Hello Paul,

    Can you please examine this simple jsbin and tell me if I am missing something?

    All the best,
    Hristo Germanov
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  8. Paul
    Paul  avatar
    9 posts
    Member since:
    Jan 2011

    Posted 25 Mar 2013 Link to this post

    It seems that the colorField property is only associated with the data points marker color.  I need to be able to set the line properties that connect between the markers for individual data points.  I.E. markers are turned off.  Is there a way to adjust any of the line attributes used to connect scatterline data points?
  9. Hristo Germanov
    Admin
    Hristo Germanov avatar
    703 posts

    Posted 26 Mar 2013 Link to this post

    Hello Paul,

    Currently there is no such functionality available. I would suggest to submit your request in Kendo's UserVoice so other members of the community can evaluate, comment on and vote for it.

    Regards,
    Hristo Germanov
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top