随笔分类 - echarts图表
摘要：dataset创建单轴散点图 由于使用echarts作图时，我很喜欢用dataset作为数据源，但是官方案例中，又没有给出相关示例，于是，在翻阅官方文档相关案例之后，结合官方文档使用dataset的示例，成功使用dataset绘制单轴散点图！ 配置项 //配置项 const option = { t
阅读全文
摘要：在折线图(柱状、散点图类似)中使用 案例一（默认方式） let option={ dataset:{ source:[ ["1","2","3","4"], //默认情况下，category 轴读取第一列（不包括第一行的值） //默认情况下，value 轴读取第二列（不包括第一行的值） [5,6,7
阅读全文
摘要：官网文档解释 // 线性渐变，前四个参数分别是 x0, y0, x2, y2, //范围从 0 - 1，相当于在图形包围盒中的百分比， //如果 global 为 `true`，则该四个值是绝对的像素位置 { type: 'linear', x: 0, y: 0, x2: 0, y2: 1, col
阅读全文
摘要：echarts常用配置 标题组件：title option = { title:{ text:"主标题测试", textStyle:{//主标题样式 color:"red", fontStyle:"oblique", fontWeight:"bolder", fontFamily:"Kaiti",
阅读全文
摘要：散点图 基础散点图 代码如下： var chartDom=document.getElementById("scatrer"); var myChart=echarts.init(chartDom); var option; option={ xAxis:{}, yAxis:{}, series:[
阅读全文
摘要：饼图 基础饼图配置 var chartDom=document.getElementById("pie"); var myChart=echarts.init(chartDom); var option; option = { title: { text: '主标题', textStyle: { f
阅读全文
摘要：折线图和柱状图 折线图 基础折线图配置 代码如下 var chartDoc = document.getElementById("line");//获取显示此图表的标签元素 var myChart = echarts.init(chartDoc);//初始化图标配置 var option; //折线
阅读全文
摘要：叠堆柱状图（带折线+2y轴） 代码 var chartDom=document.getElementById("stackBarAddLine"); var myChart=echarts.init(chartDom); var option; option = { tooltip: { trigg
阅读全文
摘要：雷达图（多指标版） 代码 var chartDom=document.getElementById("radar"); var myChart=echarts.init(chartDom); var option; option = { title: { text: '消费记录', textStyl
阅读全文
摘要：基础雷达图 代码 var chartDom=document.getElementById("radar"); var myChart=echarts.init(chartDom); var option; option={ title:{ text:'雷达图标题', textStyle:{ fon
阅读全文
