Class LineChart

折線圖

Constructors

constructor

Methods

appendData getElement

Constructors

constructor

  • new LineChart(parameter): LineChart

  • 新增折線圖

    Parameters

    Returns LineChart

    Example

    要使用的話先產生一個新的折線圖，並用getElement()取得折線圖的節點，最後再加進節點裡顯示，底下範例

    let lineChart = new ov.Chart.LineChart(parameter);
    document.body.appendChild(lineChart.getElement());

Methods

appendData

  • appendData(obj): void

  • 增加新的折線圖進現在的折線圖中，目前資料是採疊上去顯示

    Parameters

    • obj: {
          color: string;
          dataSet: DataSetItem[];
          legent: string;
      }

      追加折線圖的設定參數

      • color: string

        傳入的資料要設定的顏色，沒有給為黑色

      • dataSet: DataSetItem[]

        傳入的資料集，形式為陣列物件，ex:[{ label: "標籤1", value:10 }, { label: "標籤2", value: 20 }]

      • legent: string

        傳入的資料要設定的標籤名稱

    Returns void

getElement

  • getElement(): HTMLDivElement

  • 取得折線圖的div元素

    Returns HTMLDivElement

    回傳折線圖的節點元素

Settings

Member Visibility

Theme

On This Page

Generated using TypeDoc