Display outliers in chart or sparkline?

4 posts, 0 answers
  1. Vaughn Myers
    Vaughn Myers avatar
    5 posts
    Member since:
    Apr 2006

    Posted 02 Aug 2013 Link to this post

    I have data that looks like this: [99.44], [99.52], [99.61], [8.52], [99.54], [99.61], [99.53], [99.64], [99.64].

    As you can see, the 8.52 is the outlier. The difference between the 8.52 and the rest of the data is so huge that the differences between the data is not noticeable.

    Is there a way for me to display an outlier in another color or below the horizontal axis?

    Thanks.
  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2622 posts

    Posted 06 Aug 2013 Link to this post

    Hello Vaughn,

    You could display the outlier below the categoryAxis as specifying the valueAxis.axisCrossingValue. For example: 
    $("#press-log").kendoSparkline({
      //....
      valueAxis: {
        visible: true,
        axisCrossingValue: 90
      }
    });


    Regards,
    Iliana Nikolova
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Vaughn Myers
    Vaughn Myers avatar
    5 posts
    Member since:
    Apr 2006

    Posted 06 Aug 2013 Link to this post

    Thanks for the reply.
    Is it possible to also change the color of those values? In other words, they'll be below the categoryAxis and with another color.
  4. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2622 posts

    Posted 08 Aug 2013 Link to this post

    Hi Vaughn,

    You could change the color via series.color option. For example: 

    $("#press-log").kendoSparkline({
      //....
      data: [
            936, 968, 1025, 999, 998, 1014, 1017, 1010, 1010, 1007,
            1004, 988, {value: 8, color: "green"}, 988, 987
       ],
    });
    Regards,
    Iliana Nikolova
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top