vue实现油色谱大卫三角
效果图
直接上源码
<template>
<div>
<el-row>
<el-col :span="17">
<canvas
ref="canvas"
style="margin-top: -8px"
:width="height"
:height="height"
></canvas>
<div
style="margin-top: -56px; height: 80px; text-align: center"
:style="{ width: height + 'px' }"
v-if="triangleData"
>
<h4 style="text-decoration: underline">
{ {
"C₂H₂：" +
triangleData.ratio_c2h2 +
"% " +
"CH₄：" +
triangleData.ratio_ch4 +
"% " +