首页 > 代码库 > 初次体验百度eCharts遇到的问题和解决方法
初次体验百度eCharts遇到的问题和解决方法
前言
上周在厌烦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遇到的问题和解决方法
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。