验证码: 看不清楚,换一张 查询 注册会员,免验证
  • {{ basic.site_slogan }}
  • 打开微信扫一扫,
    您还可以在这里找到我们哟

    关注我们

怎么使用Vue+Echart实现利用率表盘效果

阅读:420 来源:乙速云 作者:代码code

怎么使用Vue+Echart实现利用率表盘效果

效果演示

怎么使用Vue+Echart实现利用率表盘效果

怎么使用Vue+Echart实现利用率表盘效果

组件

里面对应两个图片资源,panelBackground_red.png 和 panelBackground_green.png,请前往百度网盘进行下载。如果喜欢其他颜色,可以使用.psd来修改导出就行。

怎么使用Vue+Echart实现利用率表盘效果

在使用组件之前,记得引入echart组件,可以参考echart组件引入






#customGaugeContainer {
    // height: calc(100% - 20px);
    height: 100%;
}

使用方式

在页面引入组件

怎么使用Vue+Echart实现利用率表盘效果

使用组件


分享到:
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: hlamps#outlook.com (#换成@)。
相关文章
{{ v.title }}
{{ v.description||(cleanHtml(v.content)).substr(0,100)+'···' }}
你可能感兴趣
推荐阅读 更多>