大数据分析技术应用-Echarts配置项title,tooltip,toolbox,legend

3.3Echarts通用配置项title,tooltip,toolbox,legend学习目标理解title、tooltip、toolbox、legend等4个通用配置的作用132知识思政技能能会使用title、tooltip、toolbox、legend通用配置培育劳动精神对数据的严谨一、通用配置title文字样式标题边框标题位置一、通用配置title文字样式标题设置为蓝色、16磅、加灰色边框、6像素、圆角为6像素。设置title的textStyle、borderWidth、borderColor和borderRadiustextStyle:{

color:'blue',

fontSize:16

},

borderWidth:6,

borderColor:'grey’,borderRadius:6,

left:

'center'

二、通用配置tooltip提示框组件，用于配置鼠标滑过或点击图表时的提示框。主要设置：触发类型：trigger触发时机：triggerOn格式化：formatter二、通用配置tooltip

tooltip:{

trigger:'item',

triggerOn:'click',

formatter:'{b}的蜂胶产量是{c}'

},二、通用配置tooltip三、通用配置toolboxEcharts提供的工具栏,内置有导出图片，数据视图，动态类型切换、数据区域缩放，重置五个工具。toolbox:{feature:{

saveAsImage:{}}},三、通用配置toolboxEcharts提供的工具栏,内置有导出图片，数据视图，动态类型切换、数据区域缩放，重置五个工具。toolbox:{feature:{saveAsImage:{},

dataView:{}}},三、通用配置toolboxEcharts提供的工具栏,内置有导出图片，数据视图，动态类型切换、数据区域缩放，重置五个工具。三、通用配置toolboxEcharts提供的工具栏,内置有导出图片，数据视图，动态类型切换、数据区域缩放，重置五个工具。三、通用配置toolboxEcharts提供的工具栏,内置有导出图片，数据视图，动态类型切换、数据区域缩放，重置五个工具。magicType:{type:['bar','line']}三、通用配置toolboxEcharts提供的工具栏,内置有导出图片，数据视图，动态类型切换、数据区域缩放，重置五个工具。三、通用配置toolbox小结：显示工具栏按钮featuresaveAsImage,dataView,restore,dataZoom,magicType四、通用配置legendlegend作用是筛选系列，需要和series配合使用。给series的值，增加一个新的数组元素。series:[

{

name:'蜂胶产量',

type:'bar',

data:yDataArr1

},

{

name:'槐花蜜产量',

type:'bar',

data:yDataArr2

}legend:{

data:['蜂胶产量','槐花蜜产量'],

left:20

}对所有类型的图表通用。title设置图表标题,too