chart

最新推荐文章于 2024-10-10 10:50:43 发布

百久百歌

最新推荐文章于 2024-10-10 10:50:43 发布

阅读量123

点赞数

文章标签： jquery javascript html5

本文链接：https://blog.csdn.net/baijiubaige/article/details/121663151

版权

Echarts是一个由百度捐赠给Apache基金会的JavaScript图表库，适合中国人使用。其核心概念包括实例、系列、提示、图例、坐标轴等。支持自定义主题，如light和dark，以及颜色、线样式和面样式的渐变设置。数据堆叠可通过`stack:true`实现。Echarts提供了丰富的图表类型和强大的配置选项，适用于数据可视化需求。

摘要由CSDN通过智能技术生成

chart 的定义
javascript的图表的库
百度捐给apache的基金会
比较符合中国人的习惯
HeightCharts.D3为同行
官网：https://echarts.apache.org/zh/index.html
核心概览
instance 实例       series 系列            tooltip提示

legend    图例       xAxis   x轴            yAxis   y轴

toolbox    工具箱   dataZoom 缩放    vitualMap 虚拟映射

颜色的修改
主题
自定义主题 light  dark  分别是浅色和深色

自定义主题
https://echarts.apache.org/zh/theme-bulider.html

color
调色盘
color系列调色盘
itemStyle
normal       默认

emphasis  强调状态

特别样式
渐变   线的样式（lineStyle）面的样式
渐变
var linear ={
type:"linear",
x:0,
y :0,
x2:0,
y2:1,
colorStops:[{
offset:0,color:"#Obdcf3" //0%处的颜色
}，{
offset:1,color:"#oo93dd"
}],
global:false,   //缺省为false
}
线的样式（lineStyle）
lineStyle:{
    width:12,
    cap:"round",
    opactity:0.7,
    },
面的样式
areaStyle:{
color:Linear2,
}
数据的堆叠
stack:true
————————————————
版权声明：本文为CSDN博主「beishangluoxue」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/beishangluoxue/article/details/121654664