Document Center

    DataV

    • Introduction
      • What is DataV?
      • Features
      • Concepts
    • Pricing
      • Overdue payment and renewal
    • Quick Start
      • Create a project (template)
        • Tutorial overview
        • Create a project
        • Modify widget styles
        • Modify data
      • Create a project (blank canvas)
        • Tutorial overview
        • Create a project
        • Add and configure project widgets
        • Adjust widget layers and positions
        • Preview and publish
    • Console
      • Console overview
      • Project folders
      • Sort projects
      • Search for projects by name
    • Manage Workspace
      • Workspace functions
      • Create workspaces
      • Create RAM user accounts
      • Configure workspaces
    • Manage Projects
      • Create a project
      • Edit a project
      • Rename a project
      • Transfer a project to other users
      • Duplicate a project
      • Delete a project
      • Preview a project
      • Publish a project
      • Check the validity of digitally signed parameters in a token
    • Manage Editor
      • Editor overview
      • Edit canvas
        • Widget layouts
        • Widget coordinates and guides
      • Manage layers
        • Switch views
        • Move widgets
    • Manage Data Sources
      • Configure a database whitelist
      • Add data sources
        • Overview
        • Add an AnalyticDB for MySQL data source
        • Add an ApsaraDB RDS for MySQL data source
        • Add an ApsaraDB RDS for PostgreSQL data source
        • Add an ApsaraDB RDS for SQL Server data source
        • Add a Tablestore data source
        • Add an Oracle data source
        • Add a MySQL-compatible data source
        • Add a DataV Proxy data source
        • Add a CSV file
        • Add a static JSON file
        • Add an API data source
        • Add an OSS data source
        • Add an OpenAPI Explorer data source
        • Add a Log Service data source
      • Edit a data source
      • Filter data sources
      • Sort data sources
      • Delete a data source
    • Manage Widgets
      • Widget overview
      • Add a widget
      • Add and manage your favorite widgets
      • Group widgets
      • Lock a widget
      • Hide a widget
      • Copy a widget
      • Delete a widget
      • Manage child widgets of a map widget
      • Configure widget data
      • Widget data filter
        • Use the data filter
        • Example
        • Detailed functions
      • Configure widget interaction
    • Widget Guide
      • Configure item description
      • Column and bar charts
        • The Table Bar Chart - 11.11 Global Shopping Festival widget
        • The Arc Bar Chart widget
        • The Grouped Column Chart widget
        • The Capsule Column Chart widget
        • The Basic Column Chart widget
        • The Basic Bar Chart widget
        • The Capsule Bar Chart widget
        • The Grouped Bar Chart widget
        • The Trapezoid Column Chart widget
        • The Line Column Chart widget
        • The Dot Column Chart widget
      • Line charts
        • Area chart
        • Area chart with ticker board
        • Basic line chart
        • Dual axis chart
        • FAQ
      • Pie charts
        • Basic pie chart II
        • Carousel pie chart
        • Percentage pie chart
        • Comparison pie chart I
        • Pie chart with indicator
        • Basic pie chart I
        • Pie chart with goal
        • Doughnut chart
        • Pie chart with image
        • Comparison pie chart II
        • Percentage pie chart — 11.11 Global Shopping Festival
      • Scatter charts
        • Scatter plot
        • Bubble chart
      • Other charts
        • Liquid chart
        • Icon chart — 11.11 Global Shopping Festival
        • Radar chart
        • Radar chart — 11.11 Global Shopping Festival
        • Single bubble chart — 11.11 Global Shopping Festival
      • Basic flat map widgets
        • Map Data format
        • Map container
        • Configure a basemap layer
        • Configure a scatter layer
        • Configure an animation bubbles layer
        • Configure a points heatmap layer
        • Configure a line layer
        • Configure a choropleth layer
        • Configure a region drill-down heat layer
        • Configure an isosurface layer
        • Configure a grid heatmap layer
        • Configure a flying routes layer
      • 3D Globe (2018)
        • Earth container
        • Ambient Light
        • Choropleth Layer
        • Atmosphere Layer
        • Directional Light
        • InfoWindow Layer
        • Flying Route Layer
        • Heat Line Layer
        • Scanner Layer
        • Scatter Layer
        • Scene Manager
        • Sky Box Layer
        • Trajectory Layer
        • Earth Layer
      • Flat maps with 3D effects
        • Map container
        • Flying Routes Layer
        • Scatter Layer
        • Columns Layer
      • Media
        • Video
        • Carousel images
        • Image
        • Live stream player (RTMP)
      • Text
        • Carousel list II
        • Table
        • Title
        • Marquee
        • Word cloud
        • Carousel list I
        • Ticker board
        • Text box
        • Percentage bar chart
        • Status card
        • Label board
        • Timer
      • Networks
        • Network diagram
      • Materials
        • Customized background
        • Border
        • Decoration
        • Logo wall
      • Interaction
        • Full screen switch
        • iframe
        • Timeline
        • Tab
    • Advanced Skills
      • Configure VPC data source in DataV
      • Widget interaction
      • Cross-origin data configuration
      • Introduction to the DataV Proxy service
      • Configure callback IDs for ticker boards
    • Developer Guide
      • Quick start
      • Document structure
        • Overview
        • index.js specifications
        • package.json specifications
      • Guide to ECharts widget encapsulation
      • FAQ
    • Best Practices
      • Render Log Service data in DataV
      • Use DataV to view air quality changes before and after the Spring Festival
        • Overview
        • Preparations
          • Obtain data
          • Process data
          • Process the APIs
        • Create a project
          • Create a project
          • Add widgets
          • Add data
        • View a project
    • FAQ
      • FAQ
      • Account FAQ
      • Data visualizations rendered by DataV on macOS are not displayed properly
      • Frequently asked questions (User self-check process)
      • What are the advantages of DataV?
    • General Reference
      • Guidelines for the use of documentation
        • Alibaba Cloud documentation
        • Instructions for open source documentation
          • Open-Source Documentation Code of Conduct
          • Editing Open-Source Documentation
      • Alibaba Cloud console
      • Regions and zones
      • Service limits
      • Create an AccessKey
      • ICP Filing
      • Glossary
 
All Products
Search
  • Document Center
  • DataV
  • Quick Start
  • Create a project (blank canvas)
  • Tutorial overview

This Product

  • This Product
  • All Products

    Tutorial overview

    Document Center
    Product Details Download PDF

    Tutorial overview

    Edit in GitHub
    Last Updated: Jan 19, 2020 Edit in GitHub

    This topic describes how to create a real-time monitoring project for enterprise trades with a DataV blank template.

    To create a DataV project, complete the following steps:

    1. Create a project.
    2. Add and configure project widgets.
    3. Adjust widget layers and positions.
    4. Preview and publish.
    Previous: Modify data Next: Create a project

    How helpful was this page?

    What might be the problems?

      More suggestions?

      Thank you! We've received your feedback.
      Free Trial Free Trial