1条回答
- 自律的大圣 2019-04-24 14:33关注
用flex方式布局实现,将销量和数量数值单独显示到一个模块,设置echarts的bar固定宽度和样式,在需要显示数据的模块控制好数据对齐即可。
例如:<div class="row"> <div class="col-xs-5 col-sm-5" id="product1">这里实现echarts柱状图</div> <div class="col-xs-3 col-sm-3 text-center"> <p class="saleratetop">52.2%</p><!-- 这里的class用来控制数据的样式--> <p class="saleratebottom">52.23%</p><!-- 这里的class用来控制数据的样式--> </div> <div class="col-xs-4 col-sm-4 text-center"> <p class="saleratetop">1,104</p><!-- 这里的class用来控制数据的样式--> <p class="saleratebottom">955</p><!-- 这里的class用来控制数据的样式--> <i class="icon icon-right"></i><!-- icon --> </div> </div>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 不同尺寸货物如何寻找合适的包装箱型谱
- ¥15 求解 yolo算法问题
- ¥15 虚拟机打包apk出现错误
- ¥30 最小化遗憾贪心算法上界
- ¥15 用visual studi code完成html页面
- ¥15 聚类分析或者python进行数据分析
- ¥15 三菱伺服电机按启动按钮有使能但不动作
- ¥15 js,页面2返回页面1时定位进入的设备
- ¥50 导入文件到网吧的电脑并且在重启之后不会被恢复
- ¥15 (希望可以解决问题)ma和mb文件无法正常打开,打开后是空白,但是有正常内存占用,但可以在打开Maya应用程序后打开场景ma和mb格式。