Striped Bar Charts

3 posts, 0 answers
  1. Aswin
    Aswin avatar
    2 posts
    Member since:
    Oct 2014

    Posted 07 Nov 2014 Link to this post

    I wanted to know how to implement something like this..

    I did see this, but couldn't implement it
        "The PlotArea: PlotArea -> Appearance ->FillStyle ->FillType ->Image, then PlotArea -> Appearance ->FillStyle ->FillSettings->BackgroundImage;The bars filling in a        series: the series -> Appearance ->FillStyle ->FillType ->Image, then the series -> Appearance ->FillStyle ->FillSettings->BackgroundImage"

    I am using angular framework..
     My chart Series looks something like this..

     angular.forEach($scope.stacks, function (obj) {
                            $scope.chartSeries.push({ stack: obj.name, field: obj.fields[0], spacing: 0.5, gap: 4});
                            $scope.chartSeries.push({ stack: obj.name, field: obj.fields[1], spacing: 0.5, gap: 4,
                                appearance: {fillStyle: {fillType: "hatch"}}
                            });
    });

     $scope.revenueChartConfig = {
                            theme: "uniform",
                            dataSource: $scope.model.asd,
                            seriesColors: ["#1e80d4", "#1e80d4","#00a3e4", "#00a3e4", "#656a6b", "#656a6b"],
                            series: $scope.chartSeries,
                              ..............
    }

  2. Aswin
    Aswin avatar
    2 posts
    Member since:
    Oct 2014

    Posted 07 Nov 2014 Link to this post

    And this as well..

    Alternating colored chart bands(like in a grid)..
  3. T. Tsonev
    Admin
    T. Tsonev avatar
    2817 posts

    Posted 11 Nov 2014 Link to this post

    Hi,

    We don't currently provide support for custom fills, including patterns.
    This is something that we find valuable and we will consider our options to implement it.

    Please, file a request for this feature on our UserVoice portal if you have minute.
    This will help us gauge the overall interest and prioritize.

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