{"remainingRequest":"D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\@jiaminghi\\data-view\\lib\\components\\capsuleChart\\src\\main.vue?vue&type=template&id=058edf2a&","dependencies":[{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\@jiaminghi\\data-view\\lib\\components\\capsuleChart\\src\\main.vue","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n<div class=\"dv-capsule-chart\">\n  <template v-if=\"mergedConfig\">\n    <div class=\"label-column\">\n      <div v-for=\"item in mergedConfig.data\" :key=\"item.name\">{{ item.name }}</div>\n      <div>&nbsp;</div>\n    </div>\n\n    <div class=\"capsule-container\">\n      <div class=\"capsule-item\" v-for=\"(capsule, index) in capsuleLength\" :key=\"index\">\n        <div\n          class=\"capsule-item-column\"\n          :style=\"`width: ${capsule * 100}%; background-color: ${mergedConfig.colors[index % mergedConfig.colors.length]};`\"\n        >\n          <div\n            v-if=\"mergedConfig.showValue\"\n            class=\"capsule-item-value\"\n          >{{ capsuleValue[index] }}</div>\n        </div>\n      </div>\n\n      <div class=\"unit-label\">\n        <div\n          v-for=\"(label, index) in labelData\"\n          :key=\"label + index\"\n        >{{ label }}</div>\n      </div>\n    </div>\n\n    <div class=\"unit-text\" v-if=\"mergedConfig.unit\">{{ mergedConfig.unit }}</div>\n  </template>\n</div>\n",null]}