ASP.NETMVC5+EF6+EasyUI后台管理系统（67）

var option = {
            title: {
                text: 'ECharts 入门示例'
            },
            tooltip: {},
            legend: {
                data:['销量']
            },
            xAxis: {
                data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
            },
            yAxis: {},
            series: [{
                name: '销量',
                type: 'bar',
                data: [5, 20, 36, 10, 10, 20]
            }]
        };

  
<div id="main">div>

 var myChart = echarts.init(document.getElementById('main'));

 onLoadSuccess: function (data) {
                var grid = $('#List');
                var optiOns= grid.datagrid('options');
                var m_page = options.pageNumber;
                var m_rows = options.pageSize;
                var m_sort = options.sortName;
                var m_order = options.sortOrder
                $.post("@Url.Action("GetOptionByBarChart")", { page: m_page, rows: m_rows, order: m_order, sort: m_sort }, function (option) {
                    // 使用刚指定的配置项和数据显示图表。
                    myChart.setOption(option);
                });
            },

hmyChart.setOption(option); 加载报表从后台获得的Json数据

 public JsonResult GetOptionByBarChart(GridPager pager, string queryStr)
        {
            List list = m_BLL.GetList(ref pager, queryStr);
 List costPrice = new List();
 list.ForEach(a => costPrice.Add(a.CostPrice));
 List price = new List();
 list.ForEach(a => price.Add(a.Price));
 List names= new List();
 list.ForEach(a=> names.Add(a. Name));
 List seriesList = new List();
 ChartSeriesModel series1 = new ChartSeriesModel() {
 name = "成本价",
 type = "bar",
 data = costPrice
 };
 ChartSeriesModel series2 = new ChartSeriesModel()
 {
 name = "零售价",
 type = "bar",
 data = price
 };
 seriesList.Add(series1);
 seriesList.Add(series2);
 var option= new
 {
 title= new{text= "成本价零售价对照表" }, 
 tooltip= new{},
 legend = new { data = "成本价零售价对照表" },
 xAxis= new{ data= names},
 yAxis= new{},
 series = seriesList
 };
 return Json(option);
 }