码迷,mamicode.com
首页 > 其他好文 > 详细

初次体验百度eCharts遇到的问题和解决方法

时间:2014-11-10 15:12:50      阅读:392      评论:0      收藏:0      [点我收藏+]

标签:style   blog   io   color   ar   使用   java   sp   for   

前言

       上周在厌烦Highchart下,体验了下百度的eCharts,支持IE6、7、8+外,对数据在线编辑还有工具栏支持,体验时遇到了几个小问题,最近两天在尝试得到了一个解决方法。

 

Tooltip时单位问题

      在Tooltip里使用formatter解决,设置函数相对复杂些,因为要根据你的Series取值设置,就像一个多维数组一样。 在支持汉字的同时也支持上下标如10<sup>4</sup>t。

tooltip: {
                   trigger: ‘axis‘,
                    axisPointer: {            // 坐标轴指示器,坐标轴触发有效
                            type: ‘shadow‘        // 默认为直线,可选为:‘line‘ | ‘shadow‘
                        },
                     formatter: function (param){
            return param[0][1] + ‘<br/>‘
                   + param[0][0] + ‘ : ‘ + (param[0][2]+‘ 万吨‘) + ‘<br/>‘
                   + param[1][0] + ‘ : ‘ + (param[1][2]+‘ 万吨‘)+‘<br/>‘
                   + param[2][0] + ‘ : ‘ + (param[2][2]+‘ 万吨‘)+‘<br/>‘;
                        }                      
                    }


柱状图圆角

    当然了,在查看官方Demo时大部分例子都已经是圆角。 我在查阅资料时有朋友推荐使用chart.setTheme方法,使用官方的主题,这个我没搞通,我是设置series的itemStyle属性,其中包含属性barBorderRadious。

series: [
                        {
                            name: ‘预测‘,
                            type: ‘bar‘,
                            itemStyle: {
                                normal: {
                                    color:‘#fff‘,
                                    barBorderColor: ‘tomato‘,
                                    barBorderWidth: 6,
                                    barBorderRadius:5,
                                }
                            },
                            data: arr2 
                        }]        

 

初次体验百度eCharts遇到的问题和解决方法

标签:style   blog   io   color   ar   使用   java   sp   for   

原文地址:http://www.cnblogs.com/sword-successful/p/4086960.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!