漏刻有时数据可视化Echarts组件开发(2):根据温度阈值显示不同颜色的温度报警动画

封装函数

 //构建DOM容器;
    function getTemp(data, id) {
   
        var myChart = echarts.init(document.getElementById(id));
        var unit = '℃';
        var svgPath = 'path://M570,729.5V86.4c0-42.2-31.4-76.4-70-76.4s-70,34.2-70,76.4v643c-41.7,24.3-70,68.9-70,120.6c0,77.3,62.7,140,140,140s140-62.7,140-140C640,798.3,611.7,753.7,570,729.5z';//温度计SVG路径

        var option = {
   
            backgroundColor: '#1d2225',
            tooltip: {
   
                transitionDuration: 0.8,
                formatter: function (params) {
   
                    return "当前温度：" + params.data.value * 100 + unit;