感谢大佬提供思路，稍加修改实现了需求
实现效果：
echarts使用说明请查看：Vue中使用echarts实现常用图表总结
html中直接使用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ECharts</title>
<!-- 引入 echarts.js -->
<script src="echarts.js"></script>
</head>
<body>
<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
<div id="main" style="width: 80px;height: 180px;"></div>
<script type="text/javascript">
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
var TP_value = 20.3;
var kd = [];
var Gradient = [];
var leftColor = '';
var showValue = '';
var boxPosition = [65, 0];
var TP_txt = ''
// 刻度使用柱状图模拟，短设置1，长的设置3；构造一个数据
for (let i = 0, len = 60; i <= len; i += 1) {
if (i < 10) {
kd.push('');
} else if ((i - 10) % 10 === 0) {
kd.push(<
最低0.47元/天 解锁文章
扫一扫
7117
到【灌水乐园】发言
