Thread ID: |
Created: |
Updated: |
Platform: |
Replies: |
148006 | Oct 1,2019 05:52 PM UTC | Oct 2,2019 01:33 PM UTC | ASP.NET Core - EJ 2 | 1 |
![]() |
Tags: Charts |
<input id="seriesname" type="text" placeholder="Enter the series name to change color" style="width: 300px;" onchange="GetSeries()" />
<ejs-chart id="container" >
<e-chart-primaryxaxis valueType="Category"></e-chart-primaryxaxis>
<e-series-collection>
<e-series dataSource="ViewBag.DataSource" xName="Day" yName="YValue" type="Column" name="Product A" width="2"></e-series>
<e-series dataSource="ViewBag.DataSource" xName="Day" yName="YValue2" type="Column" name="Product B" width="2"></e-series>
<e-series dataSource="ViewBag.DataSource" xName="Day" yName="YValue3" type="Column" name="Product C" width="2"></e-series>
</e-series-collection>
</ejs-chart>
<script>
function GetSeries() {
var chart = document.getElementById("container").ej2_instances[0];
var name = document.getElementById('seriesname').value;
var series = GetSeriesByName(chart.series, name);
series.fill = "Purple";
}
function GetSeriesByName(series, name) {
for (var i = 0; i < series.length; i++) {
if (series[i].name == name) {
return series[i];
}
}
return null;
}
</script> |
This post will be permanently deleted. Are you sure you want to continue?
Sorry, An error occured while processing your request. Please try again later.
This page will automatically be redirected to the sign-in page in 10 seconds.