封装Highcharts-BI项目图表灵活控制-更新

<div class="tab_box mychart">
                <div class="tab_col ">
                    <span> 按类型 </span>
                    <p>
                        <a class="x_btn text btn_gyz">详情</a>
                        <a class="x_btn x_column on" data-chartype="column"><i class="fa fa-bar-chart-o"></i></a>
                        <a class="x_btn x_line" data-chartype="line"><i class="fa fa-line-chart"></i></a>
                        <a class="x_btn x_datalist" data-chartype="datalist"><i class="fa fa-list"></i></a>
                    </p>
                    <input class="showdatalable" type="checkbox" title="显示数值?" checked />
                </div>

                <div class="chart" id="SaleArea" data-pu="501245"
                     data-chart-x-field="name"
                     data-chart-y-field="last_month_sum,this_month_sum,hb"
                     data-chart-legend="上月,本月,环比增长率"
                     data-chart-type="column,column,line"
                      data-chart-legend-color="red,green,yellow"
                     data-chart-bgcolor="#f1f8e9"></div>
                <input type="hidden" name="val_startdate" value="2017-12-1" class="extparas" />
                <input type="hidden" name="val_enddate" value="2017-12-1" class="extparas" />
               
            </div>

 "use strict";
        var myChart = {
            showtable: false
            , sLength: function (arr1, arr2) {
                if (arr1 && arr2) {
                    return arr1.split(',') === arr2.split(',');
                }
                return false;
            }
            //查询参数
            , getParas: function (charts_id) {
                var p = {};
                //固定参数
                // p.val_SaleMinDate = moment($('.date.startdate').val()).format("YYYY-MM-DD");
                // p.val_SaleMaxDate = moment($('.date.enddate').val()).format("YYYY-MM-DD");
                //扩展参数
                var extparas = {};
                var $chart = $("#" + charts_id);
                var ps = $chart.parents(".mychart").find("input[type=hidden][class=extparas]");
                $.each(ps, function (j, n) {
                    extparas[n.getAttribute("name")] = n.value;
                });
                $.extend(p, extparas);
                return p;