verint.com/eo-services-client
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

reduce size of bar to fit in CA desktop

Browse Source
This commit is contained in:
Peter Morton 2023-11-06 09:46:10 -06:00
parent d92aa3ee99
commit 9c9a2c630b
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/CallRiskScoreBar.vue
View File

@ -7,6 +7,7 @@ const props = defineProps({
});
const id = "csrScoreBar";
const width = 300;
onMounted(() => {
drawScale(id, d3.interpolateRdYlGn);
@ -17,7 +18,7 @@ function drawScale(id, interpolator) {
var cScale = d3.scaleSequential().interpolator(interpolator).domain([0, 99]);
var xScale = d3.scaleLinear().domain([0, 99]).range([0, 360]);
var xScale = d3.scaleLinear().domain([0, 99]).range([0, width]);
d3.select("#" + id)
.selectAll("rect")
@ -53,21 +54,20 @@ function drawScale(id, interpolator) {
/>
Call Risk Score is {{ score }}
<div class="img-overlay-wrap">
<svg :id="id" width="360" height="40"></svg>
<svg :id="id" width="{{ width }}" height="40"></svg>
</div>
</div>
</template>
<style>
.crsContainer {
margin: 8px;
border-radius: 5px;
padding: 11px 16px 11px 12px;
align-items: flex-start;
gap: 8px;
border: 2px solid #45b408;
border-radius: 5px;
font-family: OpenSans, Ariel, sans-serif;
font-size: 11px;
border: 2px solid #45b408;
gap: 8px;
margin: 8px;
padding: 11px 16px 11px 12px;
}
.img-overlay-wrap svg {