<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="DevExpress.Web.Bootstrap.v17.1, Version=17.1.6.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" Namespace="DevExpress.Web.Bootstrap" TagPrefix="dx" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript">
function onClientCustomizePoint(point) {
switch (point.argument) {
case "Good":
return {
color: "Green"
}
case "Bad":
return {
color: "Red"
}
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<dx:BootstrapPieChart ID="BootstrapPieChart" runat="server" DataSourceUrl="Data.json" OnClientCustomizePoint="onClientCustomizePoint">
<SeriesCollection>
<dx:BootstrapPieChartSeries ArgumentField="status" ValueField="percentage">
<Label Visible="true" />
</dx:BootstrapPieChartSeries>
</SeriesCollection>
</dx:BootstrapPieChart>
</form>
</body>
</html>
<%@ Register Assembly="DevExpress.Web.Bootstrap.v17.1, Version=17.1.6.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" Namespace="DevExpress.Web.Bootstrap" TagPrefix="dx" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript">
function onClientCustomizePoint(point) {
switch (point.argument) {
case "Good":
return {
color: "Green"
}
case "Bad":
return {
color: "Red"
}
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<dx:BootstrapPieChart ID="BootstrapPieChart" runat="server" DataSourceUrl="Data.json" OnClientCustomizePoint="onClientCustomizePoint">
<SeriesCollection>
<dx:BootstrapPieChartSeries ArgumentField="status" ValueField="percentage">
<Label Visible="true" />
</dx:BootstrapPieChartSeries>
</SeriesCollection>
</dx:BootstrapPieChart>
</form>
</body>
</html>
Yorumlar
Yorum Gönder