当前位置: 代码迷 >> 综合 >> Echarts做仪表图-含HTML直接保存加个JS文件就可以用
  详细解决方案

Echarts做仪表图-含HTML直接保存加个JS文件就可以用

热度:80   发布时间:2024-02-20 17:23:59.0
<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>echarts</title><!-- 引入 echarts.js --><script src="echarts.js"></script>
</head>
<body style="background-color:#F0F8FF; text-align:left"><!-- 为ECharts准备一个具备大小(宽高)的Dom --><div id="main" style="width:600px;height:400px;"></div><script type="text/javascript">// 基于准备好的dom,初始化echarts实例var myChart = echarts.init(document.getElementById('main'));option = {tooltip: {formatter: '{a} <br/>{b} : {c}%'},toolbox: {feature: {restore: {},saveAsImage: {}}},series: [{name: '业务指标',type: 'gauge',detail: {formatter: '{value}%'},data: [{value: 50, name: '完成率'}]}]
};option.series[0].data[0].value = (Math.random() * 100).toFixed(2) - 0;myChart.setOption(option, true);</script>
</body>
</html>

 

  相关解决方案