MySQL是一種最流行的關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，它使用SQL語句來處理數(shù)據(jù)。當(dāng)我們?cè)赟SM（Spring + SpringMVC + MyBatis）框架中使用MySQL數(shù)據(jù)庫時(shí)，條形圖是一種非常有用的數(shù)據(jù)可視化方式。在本文中，我們將介紹如何使用MySQL數(shù)據(jù)來創(chuàng)建條形圖。

第一步是準(zhǔn)備數(shù)據(jù)。我們可以在MySQL數(shù)據(jù)庫中創(chuàng)建一個(gè)表來存儲(chǔ)我們所需的數(shù)據(jù)。例如，我們創(chuàng)建一個(gè)名為“students”的表，其中包含學(xué)生姓名和成績：

CREATE TABLE students (
id int(11) NOT NULL AUTO_INCREMENT,
name varchar(50) DEFAULT NULL,
score int(11) DEFAULT NULL,
PRIMARY KEY (id)
);

接下來，我們向表中插入一些數(shù)據(jù)：

INSERT INTO students (name, score) VALUES ('Tom', 86);
INSERT INTO students (name, score) VALUES ('Jerry', 92);
INSERT INTO students (name, score) VALUES ('Peter', 78);
INSERT INTO students (name, score) VALUES ('Mary', 64);
INSERT INTO students (name, score) VALUES ('Lisa', 89);

然后，我們可以編寫一個(gè)控制器方法來獲取數(shù)據(jù)并將其傳遞到視圖中：

@RequestMapping("/chart")
public String chart(Model model) {
List<Student> students = studentService.getAllStudents();
model.addAttribute("students", students);
return "chart";
}

在視圖（例如“chart.jsp”）中，我們可以使用JavaScript框架（例如Highcharts）來創(chuàng)建條形圖。我們需要將數(shù)據(jù)格式化為Highcharts所需的格式。以下是一個(gè)示例：

<div id="chart" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highcharts/6.0.6/highcharts.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highcharts/6.0.6/modules/exporting.js"></script>
<script>
$(function () {
var chartData = [];
<% for(Student student : students) { %>
chartData.push({ name: "<%= student.getName() %>", y: <%= student.getScore() %> });
<% } %>
Highcharts.chart('chart', {
chart: { type: 'column' },
title: { text: '學(xué)生成績' },
xAxis: { categories: ['姓名'] },
yAxis: { title: { text: '分?jǐn)?shù)' } },
series: [{ name: '分?jǐn)?shù)', data: chartData }]
});
});
</script>

以上代碼將創(chuàng)建一個(gè)包含學(xué)生姓名和成績的條形圖。在這個(gè)例子中，我們使用了Highcharts框架，但是你可以使用其他的JavaScript框架來創(chuàng)建條形圖，只需要將數(shù)據(jù)格式化為相應(yīng)的格式即可。