Echarts可视化教程

  1. 网站首页
  2. 百度ECharts
  3. ECharts实例
  4. ECharts入门
  5. 地图大全
  6. ECharts官网

Highcharts图表配置选项详细描述

参数属性+事件
chart.events.addSeries添加数列到图表中
chart.events.click整个图表的绘图区上所发生的点击事件
chart.events.load图表加载事件
chart.events.redraw图表重画事件,当点击图注显示和隐藏绘图时可以触发
chart.events.selection当图表曲线可选择放大时,当选择图表操作时,可以触发该事件
chart.height所绘制图表的高度值
chart.inverted图表中的x,y轴对换
chart.polar是否为极性图表
chart.reflow当窗口大小改变时,图表宽度自适应窗口大小改变
chart.renderTo图表加载的位置,是页面上的一个DOM对象
chart.showAxes在空白图表中,是否显示坐标轴
chart.type图表的类型,默认为line,还有bar/column/pie
chart.width图表绘图区的宽度,默认为自适应
chart.zoomType图表中数据报表的放大类型,可以以X轴放大,或是以Y轴放大,还可以以XY轴同时放大
colors图表中多数列时,各数列之间的颜色
credits.enabled是否允许显示版权信息
credits.href版权所有的链接
credits.text版权信息显示文字
exporting.buttons.exportButton.enabled是否允许显示导出按钮
exporting.buttons.exportButton.menuItems导出按钮的菜单选项
exporting.buttons.exportButton.onclick导出按钮被点击的事件,不是内部的菜单
exporting.buttons.printButton.enabled是否允许打印按钮
exporting.buttons.printButton.onclick打印按钮的点击事件
exporting.enabled打印和导出按钮是否被允许
exporting.filename被导出文件的文件名
exporting.type默认导出图片的文件格式
exporting.urlSVG图表转换并导出的接口处理地址
exporing.width默认导出图片的宽度
labels标签,可以加载到图表的任何位置,里面有items,style
lang语言参数配置,与导出按钮菜单有关的配置,时间名称的配置等
legend.enabled是否允许图注
navigation.buttonOptions.enabled图表中所有导航中的按钮是否可被点击
plotOptions.area.allowPointSelect是否允许数据点的点击
plotOptions.area.color绘图的颜色
plotOptions.area.dataLabels.enabled是否允许数据标签
plotOptions.area.enableMouseTracking是否允许数据图表中,数据点的鼠标跟踪气泡显示
plotOptions.area.events.checkboxClick数据图表中图注中复选框的点击事件
plotOptions.area.events.click数据图表中,数据点的点击事件
plotOptions.area.events.hide数据图表中,某一数据序列隐藏时的事件
plotOptions.area.events.show数据图表中,某一数据序列显示时的事件
plotOptions.area.events.legendItemClick数据图表中,图注中的项目被点击时的事件,直接赋值false,则不可点击
plotOptions.area.events.mouseOut数据点的鼠标移出事件
plotOptions.area.events.mouseOver数据点的鼠标经过事件
plotOptions.area.marker.enabled图表中绘图中是否显示点的标记符
plotOptions.area.marker.states.hover.enabled是否允许标记符的鼠标经过状态
plotOptions.area.marker.states.select.enabled是否允许标记符的选择状态
plotOptions.area.point.events.click图表中每一个单独的点点击事件
plotOptions.area.point.events.mouseOut
plotOptions.area.point.events..mouseOver
plotOptions.area.point.events.remove删除图表中的点时的事件
plotOptions.area.point.events.select图表中点选择事件
plotOptions.area.point.events.unselect图表中点取消选择时的事件
plotOptions.area.point.events.update图表中数据发生更新时的事件
plotOptions.area.visible加载时,数据序列默认是显示还是隐藏
plotOptions.area.zIndex在多序列的情况下,调整每一个序列的层叠顺序
plotOptions.area.showInLegend是否在图注中显示
plotOptions.area.stacking是以值堆叠,还是以百分比堆叠
plotOptions.area.states.hover.enabled鼠标放上的状态是否允许
plotOptions.area.stickyTracking鼠标粘性跟踪数据点
plotOptions.bar.groupPadding对于柱状图分组,每个分组之间的间隔
plotOptions.bar.grouping是否对数据进行分组
plotOptions.bar.minPointLength:定义当point值为零时,点的最小长度为多少
plotOptions.bar.showInLegend是否在图注中显示
plotOptions.bar.stacking是以值堆叠,还是以百分比堆叠(normal/percent)
plotOptions.pie.ignoreHiddenPoint在饼状图中,某一个序列经图注点击隐藏后,整个饼状图是重新以100%分配,还是只在原图基础上隐藏,呈现一个缺口
plotOptions.pie.innerSize绘制饼状图时,饼状图的圆心预留多大的空白
plotOptions.pie.slicedOffset与allowPointSelect结合使用,当点被点击时,对应的扇区剥离,这个参数即配置离开的距离
series是一个数组
series.data.color某一个数据的颜色
series.data.dataLabels序列中某一个数据的数据标签
series.data.name配置数据点的名称
series.data.sliced配置在饼图中,扇区的分离距离大小
series.data.x点的x值
series.data.y点的y值
series.name数据序列的名称
series.stack堆叠的分组索引
series.type数据序列的展示类型
series.xAxis,series.yAxis当使用多坐标轴时,指定某个数列对应哪个坐标轴
subtitle配置图表的子标题
title配置图表的标题
tooltip配置图表中数据的气泡提示
tooltip.valueDecimals允许的小数点位数
tooltip.percentageDecimals允许百分比的小数点后位数
allowDecimals坐标轴上是否允许小数
categories是一个数组,坐标轴的分类
plotLines绘制主线
tickColor刻度颜色
tickInterval刻度的步进值
labels.rotation刻度标签旋转度数
点击展开全文

相关文章

  1. 如何利用Highcharts中使用盒须图来展示数据
  2. Highcharts图表之测量图
  3. Highcharts图表之3D圆环图
  4. Highcharts图表之3D饼图系列
  5. Highcharts图表之堆叠3D柱状图