Thanks for using syncfusion product. We have analyzed your requirement and we have prepares a simple user customization sample based on your requirements,
Please find the attached sample.
Please refer the UG Document for following location
And please select chart it will be more helpful to create a chart and chart functionalities.
We have Customization sample in online please find the following location
Please let us know if it’s helpful.
Akbar Basha K M
Sample you have given is quite customized but I want to save customization I mean whenever I refresh the page chart again set as his default properties. Is there any option to save the changes and make chart as per our requirements.
Thanks for your update.
We would like to inform you that, we do not have default data binding support to our gauge controls. Hence, we have prepared a workaround sample to meet your requirement. In the sample, we have created “.mdf” local database file and used; then read the data in the code behind page and assigned to the gauge properties. Please find the following code snippet, which is used in the code behind page.
SqlConnection myconnection = new SqlConnection("Data Source=(LocalDB)\\v11.0;AttachDbFilename=|DataDirectory|\\Sample.mdf;Integrated Security=True");
string cmd2 = "Select PointerLength,Radius,Height,Width,PointerValue From Gauge";
SqlCommand cmd = new SqlCommand(cmd2, myconnection);
dRdr = cmd.ExecuteReader();
this.CircularGauge1.Radius = Convert.ToDouble(dRdr.GetValue(1));
this.CircularGauge1.Height = Convert.ToInt32(dRdr.GetValue(2));
this.CircularGauge1.Width = Convert.ToInt32(dRdr.GetValue(3));
this.CircularGauge1.Scales.Pointers.Length = Convert.ToDouble(dRdr.GetValue(1)); // Assign the pointerlength value to the CircularGauge control
this.CircularGauge1.Scales.Pointers.Value = Convert.ToDouble(dRdr.GetValue(4)); // Assign the pointer value to the CircularGauge control
And we need to define the gauge control in design page as mentioned below to take the effect of the above code snippet.
<ej:CircularGauge ID="CircularGauge1" runat="server">
We have also attached the sample prepared with above code snippet, which can be downloaded from the following location.
Please let us know if it helps and any further assistance on this.
Thanks for your update. We have analyzed your requirement,
Query #1:Attached sample was not working
Response: we have analyzed your attached image, the syncfusion.shared.web dll was not referred in your page that was the lack.
We have added shared.web in your previous attached sample.
The sample can be downloaded from the following link,
Query #2: how to customize the each line separately
Response: You can achieve this requirement using as follows,
var index = DropDownList2.SelectedIndex;
this.Chart1.Series[index].Fill = TextBox3.Text;
We have modified the sample based on this. Please find the sample in following location,
Please let us know if you have any concern.
Thanks,Akbar Basha KM.