標(biāo)簽（空格分隔）： Qt
使用chartView實(shí)現(xiàn)柱狀圖分別賦x和y值
demo
import QtQuick 2.0
import QtCharts 2.2
import QtQuick.Controls 1.2
Rectangle {
anchors.centerIn: parent;
width: 600;
height: 400;
property var xdata: [];
property var ydata: [];
ChartView {
id:tetView;
title: "Spline";
anchors.left: parent.left;
width: 500;
height: 400;
antialiasing: true;
BarSeries {
id: barGraph;
labelsVisible: true;//柱狀圖顯示每個(gè)數(shù)據(jù)
labelsPosition: AbstractBarSeries.LabelsInsideEnd;
axisX: BarCategoryAxis {
categories:xdata;
labelsColor: "green";//x軸字體顏色
}
axisY: ValueAxis {
labelsColor: "red";//y軸字體顏色
}
// BarSet {
// label: "Bob";
// values: ydata0;//y刻度線的值
// }
Component.onCompleted: {
console.log("柱狀圖加載完成");
barGraph.clear();
xdata = ["2011","2012","2013","2014","2015","2016","2017"];
ydata = ["1","2","3","4","5","6","7"];
barGraph.axisX.categories=xdata;//x軸的值
// barGraph.insert(0, "label",ydata) //y軸數(shù)據(jù)
barGraph.append("21",ydata);//y軸數(shù)據(jù)
console.log("barGraph.axisY==="+JSON.stringify(barGraph.axisY));
axisY.max = Math.max.apply(null, ydata);//最大值
axisY.min =Math.min.apply(null, ydata);//最小值
}
}
}
}
x被环，y分別賦值
