ECharts——基础概念学习笔记

1.每个echarts独占一个dom节点

2.option配置包含的组件有：(学习地址：https://echarts.apache.org/zh/option.html#title)

var option={
    //--标题组件，包含主标题和副标题
    title: {
        show: true,//-- 是否显示标题组件
        text: "Main Title",//--主标题
        subtext: "Sub Title",//--副标题
        link: '',//--主标题文本超链接
        target:'',//--指定窗口打开主标题超链接(self:当前窗口打开,blank:新窗口打开)
        left: "center",
        top: "center",
        textStyle: {
          fontSize: 30 //--主标题样式
        },
        subtextStyle: {
          fontSize: 20 //--副标题样式
        }
      },
    legend:{},//--图例组件展现了不同系列的标记(symbol)，颜色和名字。可以通过点击图例控制哪些系列不显示
    toolbox:{},//--工具栏组件
    tooltip:{},//--提示框组件
    dataZoom:[{},{}],//--数据区缩放组件
    visualMap:{},//--视觉映射组件
    xAxis:[{},{}],//--直接坐标系X轴
    yAxis:[{}],//--直接坐标系Y轴
    grid:[{}],//--直角坐标系内绘图网格，单个 grid 内最多可以放置上下两个 X 轴，左右两个 Y 轴。可以在网格上绘制折线图，柱状图，散点图（气泡图）。在 ECharts 2.x 里单个 echarts 实例中最多只能存在一个 grid 组件，在 ECharts 3 中可以存在任意个 grid 组件。
    dataset:{
        source:[]
    },
    // --系统是一种特殊的组件
    series:[
        {
            type:xxx,
            data:[]
        }    
    ]
}