irpas技术客

Echarts柱状图顶部提示样式_shuleijia_echarts顶部加样式

未知 4408

?

看到网上这样的Echart看着挺简单的,写起来真的够呛,真的难为我这种看不懂文档的小白了。也不知道对不对先这样写着,后期有好的方法在改吧。没有优化,大神勿喷

option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value' }, series: [ { data: [120, 210, 150, 80, 70, 110, 130], type: 'bar', markPoint: { // 标记的图形 symbol: 'crect', itemStyle: { borderWidth: 2 }, label: { color: '#000' }, data: [ { itemStyle: { borderColor: '#0ea8ff', color: '#fff' }, coord: [0, 120], symbolSize: [1, 12], symbolOffset: [0, -10] }, { itemStyle: { borderColor: '#ed5162', color: '#fff' }, coord: [1, 210], symbolSize: [1, 12], symbolOffset: [0, -10] }, { itemStyle: { borderColor: '#ff8f28', color: '#fff' }, coord: [2, 150], symbolSize: [1, 12], symbolOffset: [0, -10] }, { itemStyle: { borderColor: '#feaf03', color: '#fff' }, coord: [3, 80], symbolSize: [1, 12], symbolOffset: [0, -10] }, { itemStyle: { borderColor: '#34b2e4', color: '#fff' }, coord: [4, 70], symbolSize: [1, 12], symbolOffset: [0, -10] }, { itemStyle: { borderColor: '#62d3dc', color: '#fff' }, coord: [5, 110], symbolSize: [1, 12], symbolOffset: [0, -10] }, { itemStyle: { borderColor: '#6cdabd', color: '#fff' }, coord: [6, 130], symbolSize: [1, 12], symbolOffset: [0, -10] } ] }, label: { show: true, position: [0, -40], textAlign: 'center', textStyle: { // 数值样式 color: 'black', fontSize: 12, borderWidth: 1, padding: [0, 5], borderColor: 'red', height: 20, lineHeight: 22 } } }, { data: [110, 100, 120, 180, 170, 190, 140], type: 'bar', label: { show: true, position: 'top' } } ] };


1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。

标签: #echarts顶部加样式 #没有优化大神勿喷option #xAxis