MySQL :: MySQL Shell for VS Code :: 8.4 DB Notebook：以可视化图表格式显示数据

适用于 VS Code 的 MySQL Shell / JavaScript / DB 笔记本：以可视化图表格式显示数据

预发布：2024-07-17

8.4 DB 笔记本：以可视化图表格式显示数据

DB 笔记本：使用 LIMIT 在条形图中显示人口

runSql("SELECT Name, Population FROM world.country LIMIT 10;", function (result) {
    var options = {
        series: [
            {
                id: "myFirstGraph",
                type: "bar",
                yLabel: "Country Population",
                data: result,
                marginLeft: 60,
                marginBottom: 30,
                yDomain: [0, 50000000]
            },
        ],
    };
    Graph.render(options);
});

注意

前面的代码片段包含一些 TypeScript 选项，这些选项可能会发出信息性类型错误。TypeScript 和 JavaScript 共享同一个引擎。您可以忽略此错误或切换到 TypeScript 模式并运行类似的代码示例（参见章节 9.4，"DB 笔记本：以可视化图表格式显示数据"）。