echart柱状图，折线图，地图展示及数据格式

1.【柱状图】

（1）echarts.init

// 绑定柱状图表
    var myChartHot;

//初始化echarts实例

myChartHot = echarts.init(document.getElementById('hotMap'));

<script src="~/Areas/MapFrame/Scripts/../echarts.min.js"></script>

(2)showLoading

myChartHot.showLoading({
            text: '正在努力的读取数据...',
            effect: 'bubble'
        });

(3)options

图表选项，包含图表实例任何可配置选项： 公共选项 ， 组件选项 ， 数据选项

（3.1tooltip）提示框，鼠标悬浮交互时的信息提示

https://echarts.baidu.com/echarts2/doc/doc.html#Tooltip

tooltip: {
                trigger: 'item',//

{string} trigger

'item'

触发类型，默认数据触发，见下图，可选为：'item' | 'axis'

                backgroundColor: 'white',//

{color} backgroundColor

'rgba(0,0,0,0.7)'

提示背景颜色，默认为透明度为0.7的黑色

                borderColor: '#87CEEB',

{string} borderColor

'#333'

提示边框颜色

                borderWidth: 2,

{number} borderWidth

0

提示边框线宽，单位px，默认为0（无边框）

                textStyle: {//文字样式
                    fontFamily: 'Lucida Grande',

{string} fontFamily

'Arial, Verdana, sans-serif'

字体系列

                    color: 'black',

{color} color

各异

颜色

                    fontWeight: 'bold',

{string | number} fontWeight

'normal'

粗细，可选为：'normal' | 'bold' | 'bolder' | 'lighter' | 100 | 200 |... | 900

                    fontSize: 14

{number} fontSize

12

字号 ，单位px

                }

https://echarts.baidu.com/echarts2/doc/doc.html#TextStyle

{Object} textStyle

{ color:'#fff' }

文本样式，默认为白色字体（详见textStyle）

            }

(3.2toolbox)工具箱，每个图表最多仅有一个工具箱

https://echarts.baidu.com/echarts2/doc/doc.html#Toolbox

toolbox: {
                show: true,

{boolean} show

false

显示策略，可选为：true（显示） | false（隐藏）

                feature: {<