diff --git a/components/AiEchart/template/bar.js b/components/AiEchart/template/bar.js index aeb0d576..9102d7ae 100644 --- a/components/AiEchart/template/bar.js +++ b/components/AiEchart/template/bar.js @@ -258,6 +258,43 @@ export const barChart9 = { backgroundStyle: {color: 'rgba(123, 165, 255, .2)'} } } +export const barChart10 = { + yAxis: { + nameGap: 23, + minInterval: 1, + splitLine: {lineStyle: {color: 'rgba(255,255,255,.2)', type: 'dashed'}}, + axisLabel: {color: '#C3C4C4'}, + axisPointer: {show: false} + }, + axisPointer: { + type: 'shadow', + triggerTooltip: false, + shadowStyle: {color: 'rgba(46, 153, 255, .2)'} + }, + daemon: { + type: 'bar', + barWidth: 20, + barCategoryGap: 40, + itemStyle: { + borderRadius: 20, + color(params) { + console.log(params) + const color = ['#DBB36E', '#2C97E8', '#00EFFF', '#BFEAFF'][params.dataIndex] + return { + type: 'linear', + x: 0, + x2: 0, + y: 0, + y2: 1, + colorStops: [ + {offset: 0, color}, + {offset: 1, color: tools.$colorUtils.Hex2RGBA(color, .1)} + ] + } + } + } + } +} export default { barChart1, @@ -267,4 +304,5 @@ export default { barChart7, barChart8, barChart9, + barChart10 } \ No newline at end of file diff --git a/components/layout/AiDvSummary/components/Summary20.vue b/components/layout/AiDvSummary/components/Summary20.vue index 27e0452c..7542eba5 100644 --- a/components/layout/AiDvSummary/components/Summary20.vue +++ b/components/layout/AiDvSummary/components/Summary20.vue @@ -55,6 +55,7 @@ export default { } .value { + color: white; width: 100%; padding: 6px 14px; font-family: DIN; diff --git a/packages/bigscreen/designer/components/chartPicker.vue b/packages/bigscreen/designer/components/chartPicker.vue index 5a4607b3..05b225e5 100644 --- a/packages/bigscreen/designer/components/chartPicker.vue +++ b/packages/bigscreen/designer/components/chartPicker.vue @@ -3,7 +3,7 @@
@@ -62,6 +62,11 @@ export default { cursor: pointer; } + .thumb { + width: 200px; + height: 90px; + } + .charts { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; @@ -74,6 +79,7 @@ export default { & > img { width: 100%; + height: 90px; } &.selected, &:hover { diff --git a/packages/bigscreen/designer/components/componentConfig.vue b/packages/bigscreen/designer/components/componentConfig.vue index 195d1948..be1bf66f 100644 --- a/packages/bigscreen/designer/components/componentConfig.vue +++ b/packages/bigscreen/designer/components/componentConfig.vue @@ -41,7 +41,7 @@