echarts数据可视化中data数据拼接注意问题

echarts的可视化效果里，好多数据data数据格式要求是中括号里加json对象这样格式的，比如常见的饼图可视化，在做数据拼接的时候就要注意一下：

option = {
  title: {
    text: 'Referer of a Website',
    subtext: 'Fake Data',
    left: 'center'
  },
  tooltip: {
    trigger: 'item'
  },
  legend: {
    orient: 'vertical',
    left: 'left'
  },
  series: [
    {
      name: 'Access From',
      type: 'pie',
      radius: '50%',
      data: [
        { value: 1048, name: 'Search Engine' },
        { value: 735, name: 'Direct' },
        { value: 580, name: 'Email' },
        { value: 484, name: 'Union Ads' },
        { value: 300, name: 'Video Ads' }
      ],
      emphasis: {
        itemStyle: {
          shadowBlur: 10,
          shadowOffsetX: 0,
          shadowColor: 'rgba(0, 0, 0, 0.5)'
        }
      }
    }
  ]
};

1、JSON.parse()

JSON.parse(jsonstr)将格式完好的json字符串转换为json对象。所谓"格式完好"，就是要求jsonstr必须符合严格的JSON格式，例如：属性名称必须用双引号，字符串值也必须用双引号括起来，单引号写在{}外。

var jsonstr='{"str1":"abc", "str2":"123"}';
var jsonobj=JSON.parse(jsonstr);

2、JSON的解析方法有两种：eval()和JSON.parse()

var jsonstr='{"str1":"Hello,", "str2":"world!"}';
var evalJson=eval('('+jsonstr+')');
var jsonParseJson=JSON.parse(jsonstr);

这样就把jsonstr这个json格式的字符串转换成了JSON对象。

二者的区别在于：JSON.parse()可以解析json格式的数据，并且会对要解析的字符串进行格式检查，如果格式不正确则不进行解析，而eval()可以解析任何字符串，eval()会执行字符串的代码，造成原先字符串的值改变，是不安全的。