你好，我想用 2 個數據集獲得這種圖表通過使用react-native-svg-charts我的數據看起來像這樣const data1 = [ {label: 'bad', svg: {fill: '#E55300'}, value: 5}, {label: 'marginal', svg: {fill: '#EB742F'}, value: 10}, {label: 'fair', svg: {fill: '#F5A77A'}, value: 20}, {label: 'good', svg: {fill: '#9BD4DE'}, value: 30}, {label: 'satisfactory', svg: {fill: '#1D8091'}, value: 10},];const data2 = [ {label: 'bad', svg: {fill: '#E55300'}, value: 15}, {label: 'marginal', svg: {fill: '#EB742F'}, value: 21}, {label: 'fair', svg: {fill: '#F5A77A'}, value: 32}, {label: 'good', svg: {fill: '#9BD4DE'}, value: 44}, {label: 'satisfactory', svg: {fill: '#1D8091'}, value: 75},];const data3 = [ {label: 'bad', svg: {fill: '#E55300'}, value: 50}, {label: 'marginal', svg: {fill: '#EB742F'}, value: 81}, {label: 'fair', svg: {fill: '#F5A77A'}, value: 77}, {label: 'good', svg: {fill: '#9BD4DE'}, value: 33}, {label: 'satisfactory', svg: {fill: '#1D8091'}, value: 21},];我將它們分組為一個數據，如下所示const barDataY = [ { data: data1, svg: { stroke: 'red', strokeWidth: 2, }, }, { data: data2, svg: { stroke: 'dodgerblue', strokeWidth: 2, }, }, { data: data3, svg: { stroke: 'grey', strokeWidth: 2, }, }, ];相反，得到我想要的圖表，我的圖表看起來像這樣那么我如何按數據集對它們進行分組呢？
使用react-native-svg-charts對多個數據進行分組
泛舟湖上清波郎朗
2023-07-14 14:48:25
