首页 > 代码库 > highcharts 基本组成

highcharts 基本组成

2024-07-29 07:46:18   224人阅读

  最近一个项目，用到了图表，找了很多，发现Highcharts 这个纯js的图表插件非常好用，功能强大。做个笔记，备用。

 

基本构成，见图：

 

在上图中，显示了做图表时最常配置的几个项目：

 

xAxisX坐标
yAxisy坐标
Credits版权信息
legend图例
exporting导出选项
Title　　标题
tooltiptip提示
Series图表上一个或多个数据系列，比如图表中的一条曲线，一个柱形
  

 

图表类型

英文名中文名
line直线图
spline曲线图
area面积图
areaspline曲线面积图
arearange面积范围图
areasplinerange曲线面积范围图
column柱状图
columnrange柱状范围图
bar条形图
pie饼图
scatter散点图
boxplot箱线图
bubble气泡图
errorbar误差线图
funnel漏斗图
gauge仪表图
waterfall瀑布图
polar雷达图
pyramid金字塔

 常用的图表类型大概是：line，pie，bar，column几种了。

 

配置基本代码：

var chart = new Highcharts.Chart({
chart: {},  //图表全局选项

title: {},

subtitle: {},
xAxis: {}, //x坐标
yAxis: {},//y坐标

tooltip: {},//tip提示
plotOptions: { },// 图表区域的设置
legend: {},//图例
credits: {},//版权商标
series: [{}] // 图表数据列

});

highcharts 基本组成


联系
我们