echarts与highcharts使用经验

最近项目涉及到画图表,前后试用了一下highcharts与echarts。highcharts文档详细易懂,上手快捷。highcharts依赖于jQuery库;当结合基于jQuery的zepto使用也可以,例子如下:




但是项目商用使用highcharts需要付费,因此转用免费的echarts。由于文档不好理解(因此要耐心阅读),对模块化编程不熟悉,摸索了好久才了解如何按照项目需求配置。有三种引入方式:

  • 模块化包引入
  • 模块化单文件引入(推荐
  • 标签式单文件引入
现使用方式一,配置如下:

/*require.config({
    packages: [
        {
            name: 'zrender',
            location: 'style/js/zrender-2.1.1/src',
            main: 'zrender'

        },
        {
            name: 'echarts',
            location: 'style/js/echarts-2.2.7/src',
            main: 'echarts'
        }
    ]
});*/

方式二:demo如下(用ajax异步加载数据时,需要将require放到ajax请求里面):





3.数组的元素为键值对时,动态添加元素方法:

tempSubject.push({'text':msg.array[i].subject});

4.如何找元素嵌套(雷达图比较麻烦):

/*以下两句用于测试option字段变量的嵌套*/
alert(JSON.stringify(option.polar[0].indicator));
alert(JSON.stringify(option.series[0].data[0].value));

暂且记录问题。。。。

你可能感兴趣的:(web前端开发)