上一篇中简单的介绍了,echarts3 生成图形的简单使用,可以看出其中最主要的在于 Option 的配置,下面简单的介绍一下其配置方法;
以后会着重介绍并添加实例。
先了解一下 Option 有哪些可配置项,如下图中带红色标签(如:title)指常用的,带黑色标签(如:animation)指动画修改,带蓝色标签(如:color)指样式属性,其它的一些是根据所画图形的要求需要而添加的,与图形类别相关。
Option 的配置格式是 Json 格式,从上一篇中可以看出,整个图形的生成过程都是在 js 语句中完成的, Option 对象由花括号分隔,在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义,属性由逗号分隔。如下例子:
option = {
title: {
text: '基础雷达图'
},
tooltip: {},
legend: {
data: ['预算分配(Allocated Budget)', '实际开销(Actual Spending)']
},
radar: {
// shape: 'circle',
indicator: [
{ name: '销售(sales)', max: 6500},
{ name: '管理(Administration)', max: 16000},
{ name: '信息技术(Information Techology)', max: 30000},
{ name: '客服(Customer Support)', max: 38000},
{ name: '研发(Development)', max: 52000},
{ name: '市场(Marketing)', max: 25000}
]
},
series: [{
name: '预算 vs 开销(Budget vs spending)',
type: 'radar',
// areaStyle: {normal: {}},
data : [
{
value : [4300, 10000, 28000, 35000, 50000, 19000],
name : '预算分配(Allocated Budget)'
},
{
value : [5000, 14000, 28000, 31000, 42000, 21000],
name : '实际开销(Actual Spending)'
}
]
}]
};
当然,在图中我们也可以看到 “ series[i] ”这表示其内容以数组格式填写,一般用于支持多组数据的输入。
今天时间有限,下一篇从 title 开始依次介绍配置方法。