This is a migrated thread and some comments may be shown as answers.

Striped Bar Charts

2 Answers 148 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Aswin
Top achievements
Rank 1
Aswin asked on 07 Nov 2014, 10:55 AM
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 Answers, 1 is accepted

Sort by
0
Aswin
Top achievements
Rank 1
answered on 07 Nov 2014, 11:30 AM
And this as well..

Alternating colored chart bands(like in a grid)..
0
T. Tsonev
Telerik team
answered on 11 Nov 2014, 08:40 AM
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!
 
Tags
Charts
Asked by
Aswin
Top achievements
Rank 1
Answers by
Aswin
Top achievements
Rank 1
T. Tsonev
Telerik team
Share this question
or