demo.vpproj.json

{
  "project": {
    "name": "最小柱状图示例",
    "screen": {
      "uid": "screen_main",
      "type": "screen",
      "name": "主页面",
      "options": {
        "fullscreen-mode": "fill-uniform", "fill-auto-expand": true,
        "size": [1920, 1080],
        "background-color": "#0c0d0e"
      },
      "stateOverrides": {},
      "widgets": [
        {
          "uid": "w_title",
          "type": "basic-text",
          "options": {
            "position": [120, 80],
            "size": [600, 60],
            "text": "月度销售额",
            "text-font": { "size": 32, "color": "#ffffff" }
          },
          "stateOverrides": {}
        },
        {
          "uid": "w_bar",
          "type": "chart-bar",
          "options": {
            "position": [120, 180],
            "size": [640, 360],
            "title": "销售额",
            "show-label": true,
            "category-field": [["conn_sales", "tbl_sales", "月份"]],
            "metric-fields": [["conn_sales", "tbl_sales", "销售额"]]
          },
          "stateOverrides": {}
        }
      ]
    },
    "screens": [],
    "params": {},
    "settings": {}
  },
  "connections": [
    {
      "uid": "conn_sales",
      "name": "销售数据",
      "type": "json",
      "connectorType": "json",
      "config": { "copyToRoot": true, "fileName": "" },
      "tables": [
        {
          "uid": "tbl_sales",
          "name": "销售数据",
          "fields": [
            { "uid": "月份", "alias": "月份", "type": "string" },
            { "uid": "销售额", "alias": "销售额", "type": "number" }
          ]
        }
      ]
    }
  ],
  "connectionData": {
    "conn_sales": [
      {
        "tableId": "tbl_sales",
        "tableName": "销售数据",
        "fields": [
          { "uid": "月份", "alias": "月份", "type": "string" },
          { "uid": "销售额", "alias": "销售额", "type": "number" }
        ],
        "rows": [
          { "月份": "一月", "销售额": 120 },
          { "月份": "二月", "销售额": 200 },
          { "月份": "三月", "销售额": 150 },
          { "月份": "四月", "销售额": 80 },
          { "月份": "五月", "销售额": 170 },
          { "月份": "六月", "销售额": 110 }
        ]
      }
    ]
  },
  "dataRules": []
}