Document Center

    DataV

    • Introduction
      • What is DataV?
      • Editions
      • Features
      • Concepts
    • Pricing
      • Renewal and expiration rules
    • Quick Start
      • Activate DataV
      • Create a project by using a template
        • Overview
        • Use a template to create a project
        • Modify the styles of widgets
        • Modify the data of widgets
        • Preview and publish a project
      • Create a project by using a blank canvas
        • Overview
        • Make preparations
        • Use a blank canvas to create a project
        • Add and configure project widgets
        • Adjust widget layers and locations
        • Preview and publish a project
    • 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
        • Change views of widgets
        • Move the layers of widgets
      • Beautify toolbox
        • Smart themes
        • One-click beautification
      • Toolbox
        • Set the filter
        • Search for canvas layers
    • 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
      • Search for a widget
      • Add a widget
      • Add and manage your favorite widgets
      • Group multiple widgets
      • Lock a widget
      • Hide a widget
      • Copy a widget
      • Delete a widget
      • Manage child widgets of a map widget
      • Manage widget groups
      • Search for widget configuration items
      • Configure widget data
      • Configure the data source for a widget
      • 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
      • 3D globe widget and its components
        • 3D globe
        • Choropleth layer
        • Flying routes layer
        • Earth layer
        • InfoWindow layer
        • Scatter layer
        • Light layer
      • Media
        • Video
        • Carousel images
        • Image
        • Live stream player (RTMP)
        • Fluorite cloud player
      • 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
        • Page carousel
        • Full screen switch
        • iframe
        • Timeline
        • Tab
      • Advanced interactions
        • Button
        • Text box
        • Switch
        • Time picker
    • Advanced Skills
      • Add a data source from a VPC
      • Widget interaction
      • Cross-origin data configuration
      • Use cookies to isolate data of a DataV project
      • Use DataV Proxy
      • Use the DataV-WS service
      • Configure callback IDs for ticker boards
    • Developer Guide
      • Quick start
      • Document structure
        • Overview
        • Specifications of an index.js file
        • Specifications of a package.json file
        • Control configuration
          • Control overview
          • Control configurations
          • Configuration of the showInPanel field
          • Configuration of the valuePath field
          • text
          • number
          • select
          • search
          • color
          • multicolor
          • array
          • hidden
          • boolean
          • radio
          • checkbox
          • buttonRadio
          • iconRadio
          • percent
          • image
          • imageSelect
          • switch
          • stepper
          • slider
          • keyBoard
          • suite
          • margin
          • padding
          • font
          • group
          • tabs
          • menu
      • 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
          • Feature introduction
          • Obtain data
          • Process data
          • Process the APIs
        • Create a project
          • Create a project
          • Add widgets
          • Add data
        • View a project
    • FAQ
      • FAQ
      • Widget FAQ
      • Data source FAQ
      • Operation FAQ
      • Account FAQ
      • Data visualizations rendered by DataV on macOS are not displayed properly
      • Frequently asked questions (User self-check process)
      • FAQ about map tiles
      • FAQ about basemap deployment
      • What are the advantages of DataV over BI dashboards?
      • Impacts of updating Google Chrome to v80
 
All Products
Search
  • Document Center
  • DataV
  • Quick Start
  • Create a project by using a blank canvas
  • Overview

This Product

  • This Product
  • All Products

    Overview

    Document Center
    Product Details

    Overview

    Last Updated: Nov 27, 2020

    This topic describes how to use a blank canvas provided by DataV to create a visualized project. In this topic, the project is used to monitor enterprise sales data in real time.

    To use a blank canvas to create a DataV project, complete the following steps:

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

    How helpful was this page?

    What might be the problems?

      More suggestions?

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