qt qml qchart 图表组件

qt qml qchart 图表组件

* Author: Julien Wintz
* Created: Thu Feb 13 23:41:59 2014 (+0100)

这玩意是从chart.js迁移到qml的，简单易用好看

【先看效果】

【下载】

http://download.csdn.net/detail/surfsky/8426601

【调用代码示例】

先

 import "QChart.js"        as Charts

好了，展示你的图表

     // 折线图
     Chart {
       id: chart_line;
       width: chart_width;
       height: chart_height;
       chartAnimated: true;
       chartAnimationEasing: Easing.InOutElastic;
       chartAnimationDuration: 2000;
       chartData: ChartsData.ChartLineData;
       chartType: Charts.ChartType.LINE;
     }

     // 极坐标图
     Chart {
       id: chart_polar;
       width: chart_width;
       height: chart_height;
       chartAnimated: true;
       chartAnimationEasing: Easing.InBounce;
       chartAnimationDuration: 2000;
       chartData: ChartsData.ChartPolarData;
       chartType: Charts.ChartType.POLAR;
     }

     // 雷达图
     Chart {
       id: chart_radar;
       width: chart_width;
       height: chart_height;
       chartAnimated: true;
       chartAnimationEasing: Easing.OutBounce;
       chartAnimationDuration: 2000;
       chartData: ChartsData.ChartRadarData;
       chartType: Charts.ChartType.RADAR;
     }

     // 饼图
     Chart {
       id: chart_pie;
       width: chart_width;
       height: chart_height;
       chartAnimated: true;
       chartAnimationEasing: Easing.Linear;
       chartAnimationDuration: 2000;
       chartData: ChartsData.ChartPieData;
       chartType: Charts.ChartType.PIE;
     }

     // 柱形图
     Chart {
       id: chart_bar;
       width: chart_width;
       height: chart_height;
       chartAnimated: true;
       chartAnimationEasing: Easing.OutBounce;
       chartAnimationDuration: 2000;
       chartData: ChartsData.ChartBarData;
       chartType: Charts.ChartType.BAR;
     }

     // 环形图
     Chart {
       id: chart_doughnut;
       width: chart_width;
       height: chart_height;
       chartAnimated: true;
       chartAnimationEasing: Easing.OutElastic;
       chartAnimationDuration: 2000;
       chartData: ChartsData.ChartDoughnutData;
       chartType: Charts.ChartType.DOUGHNUT;
     }