NFine.Web/Areas/ReportManage/Views/Highcharts/Sample16.cshtml

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

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

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>流程图</title>
    <link href="~/Content/css/framework-theme.css" rel="stylesheet" />
    <script src="~/Content/js/jquery/jquery-2.1.1.min.js"></script>
    <script src="~/Content/js/highcharts/highcharts.js"></script>
    <script>
        $(function () {
            var chart = new Highcharts.Chart({
                chart: {
                    renderTo: 'container',
                    events: {
                        load: function () {

                            // Draw the flow chart
                            var ren = this.renderer,
                                colors = Highcharts.getOptions().colors,
                                rightArrow = ['M', 0, 0, 'L', 100, 0, 'L', 95, 5, 'M', 100, 0, 'L', 95, -5],
                                leftArrow = ['M', 100, 0, 'L', 0, 0, 'L', 5, 5, 'M', 0, 0, 'L', 5, -5];



                            // Separator, client from service
                            ren.path(['M', 120, 40, 'L', 120, 330])
                                .attr({
                                    'stroke-width': 2,
                                    stroke: 'silver',
                                    dashstyle: 'dash'
                                })
                                .add();

                            // Separator, CLI from service
                            ren.path(['M', 420, 40, 'L', 420, 330])
                                .attr({
                                    'stroke-width': 2,
                                    stroke: 'silver',
                                    dashstyle: 'dash'
                                })
                                .add();

                            // Headers
                            ren.label('Web客户端', 20, 40)
                                .css({
                                    fontWeight: 'bold'
                                })
                                .add();
                            ren.label('Web服务器', 220, 40)
                                .css({
                                    fontWeight: 'bold'
                                })
                                .add();
                            ren.label('命令行客户端', 440, 40)
                                .css({
                                    fontWeight: 'bold'
                                })
                                .add();