echarts使用小结

1、legend的data

官网legend.data详解

data: [{
    name: '系列1',
    // 强制设置图形为圆。
    icon: 'circle',
    // 设置文本为红色
    textStyle: {
        color: 'red'
    }
}]

**data的name必须为字符串**

js中转换为字符串的几种方式

1. value.toString()

第一种方法存在的问题是,它不能把null和undefined转换为字符串.还有第二种和第三种方法,这两种方法的效果基本一样.

2. List item

“”+value: 使用加法运算符配合一个空字符串可以把任意值转换为字符串,我觉得这种方法代码的可读性很差,但相对String(value)来,还是有一些人更喜欢用这种转换方式.

3. String(value)

String(value): 这种方法可读性更好,唯一的问题是,这种函数调用可能会迷惑一些人,尤其是那些熟悉Java的程序员,因为String同时也是一个构造函数.要注意的是它作为普通函数和作为构造函数时的表现完全不同

---

2、titile的换行问题

官网title详解

不会给text换，直接加subtext

title : {
            text: major[i] + "专业获奖数",
            subtext: "(" + college[i] + ")",
            x:'center',
            textStyle: {
              color:'#FDFEFE'
            }

---

3、series的color问题

series : [{
                name: '获奖数',
                type: 'pie',
                radius : '55%',
                center: ['50%', '60%'],
                data:data.seriesData[i],
                itemStyle: {
                    emphasis: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                },
                color:['#FFB90F', '#CD5555','#5F9EA0','#FF6A6A','#0066CC','#248900'],
          }]