BasicPieChart.aspx

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="BasicPieChart.aspx.cs" Inherits="WebChart.BasicPieChart" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="jsnew/echarts.js"></script>
    <link href="css/Comm.css" rel="stylesheet" />
</head>
<body>
    <form id="form1" runat="server">
        <table width="100%" border="1" height="760px">
            <tr>
                <td align="center" width="10%">
                    <a href="index.aspx" style="font-family: Arial; font-size: 18px; color: #00FFFF;">返回主页</a>
                </td>
                <td width="80%">
                    <div align="center" style="font-size: 48px; color: white;">饼图</div>
                </td>
                <td align="center" style="font-size: 18px; font-weight: bold;" width="10%">
                    <asp:Literal ID="Ltldate" runat="server"></asp:Literal><br />
                    <asp:Literal ID="Ltltime" runat="server"></asp:Literal><br />
                </td>
            </tr>
            <tr>
                <td colspan="3" width="1050px" style="background-color: white; height: 700px;" align="center" valign="top">
                    <div id="main" style="height: 650px; width: 1050px;">
                        <script type="text/javascript">
                            var myChart = echarts.init(document.getElementById('main'));
                            option = {
                                title: {
                                    text: '本月生产统计饼图',
                                    subtext: '月度总计：<%=mouthsum %>',
                                    subtextStyle: {
                                        color: 'blue' // 设置子文本颜色为红色
                                    },
                                    left: 'center',
                                    textStyle: {
                                        color: 'red' // 设置标题颜色为红色
                                    }
                                },
                                tooltip: {
                                    trigger: 'item',
                                    formatter: '{a} <br/>{b} : {c} ({d}%)'
                                },
                                legend: {
                                    orient: 'vertical',
                                    left: 'left',
                                    textStyle: {
                                        color: '#000000' // 这里设置图例的字体颜色为红色
                                    }
                                },
                                series: [
                                    {
                                        name: 'Access From',
                                        type: 'pie',
                                        radius: '65%',
                                        data: [