docs: add gds doc for3.0 (#16507)

* docs: add google data studio for 3.0

* docs: fix picture links in markdown

docs/en/20-third-party/12-google-data-studio.md

+---
+sidebar_label: Google Data Studio
+title: Use Google Data Studio to access TDengine
+---
+
+Data Studio is a powerful tool for reporting and visualization, offering a wide variety of charts and connectors and making it easy to generate reports based on predefined templates. Its ease of use and robust ecosystem have made it one of the first choices for people working in data analysis.
+
+TDengine is a high-performance, scalable time-series database that supports SQL. Many businesses and developers in fields spanning from IoT and Industry Internet to IT and finance are using TDengine as their time-series database management solution.
+
+The TDengine team immediately saw the benefits of using TDengine to process time-series data with Data Studio to analyze it, and they got to work to create a connector for Data Studio.
+
+With the release of the TDengine connector in Data Studio, you can now get even more out of your data. To obtain the connector, first go to the Data Studio Connector Gallery, click Connect to Data, and search for “TDengine”.
+
+![02](gds/gds-02.png.webp)
+
+Select the TDengine connector and click Authorize.
+
+![03](gds/gds-03.png.webp)
+
+Then sign in to your Google Account and click Allow to enable the connection to TDengine.
+
+![04](gds/gds-04.png.webp)
+
+In the Enter URL field, type the hostname and port of the server running the TDengine REST service. In the following fields, type your username, password, database name, table name, and the start and end times of your query range. Then, click Connect.
+
+![05](gds/gds-05.png.webp)
+
+After the connection is established, you can use Data Studio to process your data and create reports.
+
+![06](gds/gds-06.png.webp)
+
+In Data Studio, TDengine timestamps and tags are considered dimensions, and all other items are considered metrics. You can create all kinds of custom charts with your data – some examples are shown below.
+
+![07](gds/gds-07.png.webp)
+
+With the ability to process petabytes of data per day and provide monitoring and alerting in real time, TDengine is a great solution for time-series data management. Now, with the Data Studio connector, we’re sure you’ll be able to gain new insights and obtain even more value from your data.

docs/zh/20-third-party/12-google-data-studio.md

+---
+sidebar_label: Google Data Studio
+title: TDengine Google Data Studio Connector
+description: 使用 Google Data Studio 存取 TDengine 数据的详细指南
+---
+
+Google Data Studio 是一个强大的报表可视化工具，它提供了丰富的数据图表和数据连接，可以非常方便地按照既定模板生成报表。因其简便易用和生态丰富而在数据分析领域得到一众数据科学家的青睐。
+
+Data Studio 可以支持多种数据来源，除了诸如 Google Analytics、Google AdWords、Search Console、BigQuery 等 Google 自己的服务之外，用户也可以直接将离线文件上传至 Google Cloud Storage，或是通过连接器来接入其它数据源。
+
+![01](gds/gds-01.webp)
+
+目前 TDengine 连接器已经发布到 Google Data Studio 应用商店，你可以在 “Connect to Data” 页面下直接搜索 TDengine，将其选作数据源。
+
+![02](gds/gds-02.png.webp)
+
+接下来选择 AUTHORIZE 按钮。
+
+![03](gds/gds-03.png.webp)
+
+设置允许连接自己的账号到外部服务。
+
+![04](gds/gds-04.png.webp)
+
+在接下来的页面选择运行 TDengine REST 服务的 URL，并输入用户名、密码、数据库名称、表名称以及查询时间范围，并点击右上角的 CONNECT 按钮。
+
+![05](gds/gds-05.png.webp)
+
+连接成功后，就可以使用 GDS 方便地进行数据处理并创建报表了。
+
+![06](gds/gds-06.png.webp)
+
+目前的维度和指标规则是：timestamp 类型的字段和 tag 字段会被连接器定义为维度，而其他类型的字段是指标。用户还可以根据自己的需求创建不同的表。
+
+![07](gds/gds-07.png.webp)
+![08](gds/gds-08.png.webp)
+![09](gds/gds-09.png.webp)
+![10](gds/gds-10.png.webp)
+![11](gds/gds-11.png.webp)