springboot中使用socket实现智能药盒数据模拟，并将数据在前端利用echarts显示

首先，需要在pom.xml中添加Spring Boot WebSocket和Echarts的依赖：

<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-websocket</artifactId>
</dependency>

<dependency>
    <groupId>com.github.abel533</groupId>
    <artifactId>echarts</artifactId>
    <version>3.0.1.3</version>
</dependency>

然后，创建一个WebSocket处理器，处理药盒数据的请求和响应：

@WebSocketHandler
public class MedicineBoxHandler extends TextWebSocketHandler {

    private static final SimpleDateFormat DATE_FORMAT = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");

    @Override
    protected void handleTextMessage(WebSocketSession session, TextMessage message) throws Exception {
        String payload = message.getPayload();
        if ("getData".equals(payload)) {
            List<MedicineBoxData> data = getSampleData();
            session.sendMessage(new TextMessage(new Gson().toJson(data)));
        }
    }

    private List<MedicineBoxData> getSampleData() {
        List<MedicineBoxData> data = new ArrayList<>();
        for (int i = 0; i < 24; i++) {
            Calendar calendar = Calendar.getInstance();
            calendar.add(Calendar.HOUR_OF_DAY, -i);
            data.add(new MedicineBoxData(DATE_FORMAT.format(calendar.getTime()), new Random().nextInt(100)));
        }
        return data;
    }

}

接着，在Spring Boot配置类中注册WebSocket处理器：

@Configuration
@EnableWebSocket
public class WebSocketConfig implements WebSocketConfigurer {

    @Autowired
    private MedicineBoxHandler medicineBoxHandler;

    @Override
    public void registerWebSocketHandlers(WebSocketHandlerRegistry registry) {
        registry.addHandler(medicineBoxHandler, "/medicineBoxData").setAllowedOrigins("*");
    }

}

然后，在前端页面中利用WebSocket和Echarts展现药盒数据：

<div id="medicine-box-chart" style="width: 100%; height: 300px;"></div>
<script>
var socket = new WebSocket("ws://" + window.location.host + "/medicineBoxData");

socket.onopen = function(event) {
    socket.send("getData");
};

socket.onmessage = function(event) {
    var data = JSON.parse(event.data);
    var chart = echarts.init(document.getElementById("medicine-box-chart"));
    var option = {
        title: {
            text: "药盒数据模拟"
        },
        tooltip: {
            trigger: "axis",
            axisPointer: {
                type: "shadow"
            }
        },
        xAxis: {
            type: "category",
            data: data.map(function(item) { return item.time; }),
            axisLabel: {
                interval: 1
            }
        },
        yAxis: {
            type: "value",
            max: 100
        },
        series: [{
            name: "药盒数据",
            type: "bar",
            data: data.map(function(item) { return item.value; }),
            itemStyle: {
                color: "#61a0a8"
            }
        }]
    };
    chart.setOption(option);
};
</script>

以上就是在Spring Boot中使用WebSocket和Echarts展现药盒数据的实现方法。需要注意的是，在实际应用中，药盒数据应该从数据库或其他数据源中获取，并且WebSocket处理器应该进行必要的业务逻辑处理，以确保药盒数据的准确性和安全性。