初次体验百度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
}]
上一篇:windows服务器环境问题---api-ms-win-crt-runtimel1-1-0.dll缺失解决


下一篇:java.nio.ByteBuffer中的flip()、rewind()、compact()等方法的使用和区别