Echarts使用记录-实例

图片标记

Echarts中markPoint用于标记特定的数据,比如地图上的描点,折线图的最值点等.第二版的Echarts支持用图片做为标记样式,例如

markPoint : {
    symbol: 'image:///assets/admin/images/details.png',
    itemStyle:{normal:{label:{show:true,textStyle:{fontSize:'20'}}},emphasis:{label:{show:false}}},
    data : [
        {name : '详情', x:'10%', y:50, symbolSize:25}
    ]
}

markPoint 二级元素,在series内部

阅读全文

option对象包含一个图表的所需配置参数,这是一个多级嵌套的类json对象.

常用的第一级子元素

名称 描述
calculable 是否启用拖拽重计算特性,默认关闭
title 图表标题
toolbox 工具箱
toolip 提示框
legend 图例
dataRange 值域(作用于通常的y值)
dataZoom 数据区域缩放(作用于通常的x值)
grid 直角坐标系内绘图网格
xAxis 直角坐标系中横轴数组(x轴)
yAxis 直角坐标系中纵轴数组(y轴)
series 数据内容

阅读全文

作者的图片

润民

Don’t Panic

DEV

GuangZhou