{"id":187457,"date":"2026-06-18T15:37:25","date_gmt":"2026-06-18T06:37:25","guid":{"rendered":"https:\/\/support.questetra.com\/?p=187457"},"modified":"2026-06-22T09:34:29","modified_gmt":"2026-06-22T00:34:29","slug":"converter-tsv-string-to-svg-file-2026","status":"publish","type":"post","link":"https:\/\/support.questetra.com\/en\/addons\/converter-tsv-string-to-svg-file-2026\/","title":{"rendered":"Converter: #TSV String to #SVG File"},"content":{"rendered":"\n

Converter: #TSV String to #SVG File<\/strong><\/h4>\n\n\n\n

translate<\/span> \u30b3\u30f3\u30d0\u30fc\u30bf: #TSV \u6587\u5b57\u5217 to #SVG \u30d5\u30a1\u30a4\u30eb<\/a><\/p>\n\n\n\n

Converts a numeric TSV string into a stacked bar chart SVG file. The first TSV column is used as the aggregation unit, such as “YYYYMM”, and the first row as data series, such as “Sales Representative” or “Client”.<\/p>\n\n\n\n

\"Auto<\/figure>\n\n\n\n
\n
Configs for this Auto Step<\/summary>
\n
\n
StrConfA<\/dt>
A: Set TSV String *<\/span>#{EL}<\/sup><\/span><\/dd>\n
StrConfB1<\/dt>
B1: Set Pixel Widths (Unit Bar Total) as CSV (default:60,360,60)#{EL}<\/sup><\/span><\/dd>\n
StrConfB2<\/dt>
B2: Set Series Color in CSV (default: “#e66,#39f,#f90,#a3c,\u2026”)#{EL}<\/sup><\/span><\/dd>\n
StrConfB3<\/dt>
B3: Set Max Scale Value (default: 100)#{EL}<\/sup><\/span><\/dd>\n
StrConfB4<\/dt>
B4: Set Scale Labels in CSV (eg. “0,50,100%”)#{EL}<\/sup><\/span><\/dd>\n
StrConfB5<\/dt>
B5: Set Value Prefix\/Suffix in CSV (eg. “$,”, “,usd”)#{EL}<\/sup><\/span><\/dd>\n
BoolConfB6<\/dt>
B6: Legend (Color Marker + Series Name), Hide or Show<\/dd>\n
BoolConfB7<\/dt>
B7: Scale Labels, Hide or Show<\/dd>\n
SelectConfC<\/dt>
C: Select FILE DATA to store Generated SVG (append) *<\/span><\/dd>\n<\/div>\n
StrConfB8<\/dt>
B8: Set SVG File Name (default: chart.svg)#{EL}<\/sup><\/span><\/dd>\n
SelectConfD1<\/dt>
D1: Select NUMERIC for Number of TSV Lines (update)<\/dd>\n
SelectConfD2<\/dt>
D2: Select NUMERIC for TSV Rows (ignore blanks) (update)<\/dd>\n<\/div>\n\n<\/dl>\n<\/div><\/details><\/div>\n<\/div>\n\n\n\n
\n
Script (click to open)<\/summary>
\n
\/\/ Script Example of Business Process Automation\n\/\/ for 'engine type: 3' ("GraalJS standard mode")\nmain();\nfunction main(){ \n\/\/\/\/ == Config Retrieving \/ \u5de5\u7a0b\u30b3\u30f3\u30d5\u30a3\u30b0\u306e\u53c2\u7167 ==\nconst strTsv        = configs.get       ( "StrConfA" );     \/\/ REQUIRED\n  const arr2dTsv    = parseAsRectangular( strTsv );\n  if( arr2dTsv.length === 0 ){\n    throw new Error( "\\n AutomatedTask ConfigError: Config {A: TSV} is empty \\n" );\n  }\n  if( arr2dTsv.length === 1 ){\n    throw new Error( "\\n AutomatedTask ConfigError: Config {A: TSV} requires at least 2 lines (header and data) \\n" );\n  }\nconst strWidths     = configs.get       ( "StrConfB1" ) || "60,360,60"; \/\/ default\nconst arrWidths     = strWidths.split(",");\nconst numWidthUnit  = parseInt (arrWidths[0], 10) || 60;\nconst numWidthBar   = parseInt (arrWidths[1], 10) || 360;\nconst numWidthTotal = parseInt (arrWidths[2], 10) || 60;\nconst strColors     = configs.get       ( "StrConfB2" ) || "#e66,#39f,#f90,#a3c,#6a5,#678,#cc3,#999";     \/\/ default\nconst arrColors     = strColors.split(",");\nconst strMaxScale   = configs.get       ( "StrConfB3" );\nconst numMaxScale   = strMaxScale !== "" ? parseFloat(strMaxScale) : 100; \/\/ default 100\nconst strLabels     = configs.get       ( "StrConfB4" ) || "0,50,100%";\nconst arrLabels     = strLabels.split(",");\nconst strPrefSuf    = configs.get("StrConfB5") || ","; \/\/ \u30c7\u30d5\u30a9\u30eb\u30c8\u306f\u30ab\u30f3\u30de\u306e\u307f\nconst arrPrefSuf    = strPrefSuf.split(",");\nconst strPrefix     = arrPrefSuf[0] || ""; \/\/ \u30ab\u30f3\u30de\u306e\u5de6\u5074\nconst strSuffix     = arrPrefSuf.length > 1 ? arrPrefSuf[1] : ""; \/\/ \u30ab\u30f3\u30de\u306e\u53f3\u5074\nconst isShowLegend  = configs.getObject ( "BoolConfB6" );\nconst isShowLabels  = configs.getObject ( "BoolConfB7" );\nconst strFileName   = configs.get       ( "StrConfB8" ) || "chart.svg";\nconst filesPocketC  = configs.getObject ( "SelectConfC" ); \/\/ REQUIRED\nconst numPocketD1   = configs.getObject ( "SelectConfD1" );\nconst numPocketD2   = configs.getObject ( "SelectConfD2" );\n\/\/\/\/ == Calculating \/ \u6f14\u7b97 (SVG\u6587\u5b57\u5217\u306e\u751f\u6210) ==\nconst marginL = 15; \/\/ \u5de6\u5074\u306e\u4f59\u767d\nconst marginR = 15; \/\/ \u53f3\u5074\u306e\u4f59\u767d\nconst svgTotalWidth = marginL + numWidthUnit + numWidthBar + numWidthTotal + marginR;\nlet svgY = 10; \/\/ Y\u5ea7\u6a19\u306e\u521d\u671f\u30aa\u30d5\u30bb\u30c3\u30c8\nlet svgContent = `<style>text { font-family: sans-serif; font-size: 12px; fill: #333; }<\/style>\\n`;\n\/\/ XML\u30a8\u30b9\u30b1\u30fc\u30d7\u7528\u95a2\u6570\nfunction escapeXml(unsafe) {\n    return unsafe.replace(\/[<>&'"]\/g, function (c) {\n        switch (c) {\n            case '<': return '&lt;';\n            case '>': return '&gt;';\n            case '&': return '&amp;';\n            case '\\'': return '&apos;';\n            case '"': return '&quot;';\n        }\n    });\n}\n\/\/ --- 1. \u51e1\u4f8b\u306e\u63cf\u753b ---\nif (isShowLegend) {\n  let lx = marginL;\n  for (let i = 1; i < arr2dTsv[0].length; i++) {\n    const color = arrColors[(i - 1) % arrColors.length];\n    const seriesName = escapeXml(arr2dTsv[0][i]);\n    \/\/ \u7c21\u6613\u7684\u306a\u6587\u5b57\u5e45\u63a8\u6e2c\uff08\u9577\u3059\u304e\u305f\u3089\u6539\u884c\uff09\n    const estimateW = seriesName.length * 12 + 25; \n    if (lx + estimateW > svgTotalWidth - marginR) {\n      lx = marginL;\n      svgY += 20;\n    }\n    svgContent += `<rect x="${lx}" y="${svgY}" width="10" height="10" fill="${color}" rx="2"\/>\\n`;\n    svgContent += `<text x="${lx + 16}" y="${svgY + 9}">${seriesName}<\/text>\\n`;\n    lx += estimateW + 10;\n  }\n  svgY += 25; \/\/ \u4e0b\u90e8\u30de\u30fc\u30b8\u30f3\n}\n\/\/ --- 2. \u76ee\u76db\u308a\u306e\u63cf\u753b ---\nif (isShowLabels) {\n  const stepW = numWidthBar \/ (arrLabels.length - 1 || 1);\n  for (let i = 0; i < arrLabels.length; i++) {\n    const xPos = marginL + numWidthUnit + (stepW * i);\n    let anchor = i === 0 ? "start" : i === arrLabels.length - 1 ? "end" : "middle";\n    svgContent += `<text x="${xPos}" y="${svgY + 10}" fill="#777" text-anchor="${anchor}">${escapeXml(arrLabels[i])}<\/text>\\n`;\n  }\n  svgY += 20;\n}\n\/\/ --- 3. \u68d2\u30b0\u30e9\u30d5\u306e\u63cf\u753b ---\nconst rowHeight = 18; \/\/ 1\u884c\u306e\u9ad8\u3055 (MdChart\u306e\u9593\u9694\u306b\u5bc4\u305b\u308b\u305f\u3081\u77ed\u7e2e)\nfor (let i = 1; i < arr2dTsv.length; i++) {\n  \/\/ \u30e6\u30cb\u30c3\u30c8\u540d\uff08\u5de6\u5074\uff09\n  svgContent += `<text x="${marginL}" y="${svgY + 13}">${escapeXml(arr2dTsv[i][0])}<\/text>\\n`;\n  \/\/ \u30b0\u30e9\u30d5\u80cc\u666f\uff08\u30b0\u30ec\u30fc\uff09 \u203bMdChart\u306b\u5408\u308f\u305b\u3066\u9ad8\u3055\u309210px\u306b\u5909\u66f4\n  svgContent += `<rect x="${marginL + numWidthUnit}" y="${svgY + 4}" width="${numWidthBar}" height="10" fill="#eee" rx="2"\/>\\n`;\n  let currentX = marginL + numWidthUnit;\n  let totalValue = 0;\n  \/\/ \u7cfb\u5217\u3054\u3068\u306e\u7a4d\u307f\u4e0a\u3052\u63cf\u753b\n  for (let j = 1; j < arr2dTsv[i].length; j++) {\n    const cellValue = parseFloat(arr2dTsv[i][j].replace(\/[^0-9.-]\/g, "")) || 0;\n    totalValue += cellValue;\n    const barW = Math.max(0, (cellValue \/ numMaxScale) * numWidthBar);\n    \n    if (barW > 0) {\n      const color = arrColors[(j - 1) % arrColors.length];\n      svgContent += `<rect x="${currentX}" y="${svgY + 4}" width="${barW}" height="10" fill="${color}"\/>\\n`;\n      currentX += barW;\n    }\n  }\n  \/\/ \u5408\u8a08\u5024\uff08\u53f3\u5074\uff09\n  const totalStr = `${strPrefix}${totalValue.toLocaleString()}${strSuffix}`;\n  svgContent += `<text x="${marginL + numWidthUnit + numWidthBar + 10}" y="${svgY + 13}" text-anchor="start">${escapeXml(totalStr)}<\/text>\\n`;\n  svgY += rowHeight; \/\/ \u6b21\u306e\u884c\u3078Y\u5ea7\u6a19\u3092\u79fb\u52d5\n}\n\/\/ --- 4. \u5168\u4f53\u3092SVG\u30bf\u30b0\u3067\u30e9\u30c3\u30d7 ---\nconst finalSvgHeight = svgY + 10;\nlet strSvg = `<?xml version="1.0" encoding="UTF-8"?>\\n`;\nstrSvg += `<svg xmlns="http:\/\/www.w3.org\/2000\/svg" viewBox="0 0 ${svgTotalWidth} ${finalSvgHeight}" width="${svgTotalWidth}" height="${finalSvgHeight}">\\n`;\nstrSvg += `<rect width="100%" height="100%" fill="#ffffff"\/>\\n`; \/\/ \u80cc\u666f\u306e\u900f\u904e\u9632\u6b62\u7528\u767d\u5857\u308a\nstrSvg += svgContent;\nstrSvg += `<\/svg>`;\n\/\/\/\/ == Data Updating \/ \u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u30c7\u30fc\u30bf\u3078\u306e\u4ee3\u5165 ==\n\/\/ SVG\u30d5\u30a1\u30a4\u30eb\u306e\u4fdd\u5b58 (C)\nif (filesPocketC !== null) { \n  let filesSvg = engine.findData(filesPocketC);\n  if (filesSvg === null) {\n    filesSvg = new java.util.ArrayList();\n  }\n  \n  \/\/ \u6307\u5b9a\u3055\u308c\u305f\u30d5\u30a1\u30a4\u30eb\u540d\u3001\u306a\u3051\u308c\u3070 "chart.svg"\n  let finalFileName = strFileName;\n  if (!finalFileName.toLowerCase().endsWith(".svg")) {\n      finalFileName += ".svg";\n  }\n  filesSvg.add(\n    new com.questetra.bpms.core.event.scripttask.NewQfile(\n      finalFileName,\n      "image\/svg+xml; charset=UTF-8",\n      strSvg\n    )\n  );\n  engine.setData(filesPocketC, filesSvg);\n}\n\/\/ \u30aa\u30ea\u30b8\u30ca\u30eb\u306eTSV\u6587\u5b57\u5217\u306e\u884c\u6570 (D1)\nif ( numPocketD1 !== null) { \n  const totalLines = strTsv.split("\\n").length;\n  engine.setData( numPocketD1, new java.math.BigDecimal(totalLines) );\n}\n\/\/ \u7a7a\u884c\u3092\u9664\u3044\u305fTSV\u884c\u6570 (D2)\nif ( numPocketD2 !== null) { \n  engine.setData( numPocketD2, new java.math.BigDecimal(arr2dTsv.length) );\n}\n} \/\/\/\/\/\/\/\/ END "main()" \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\n\/**\n * Parses TSV string as a two-dimensional rectangular data matrix and creates a 2D array.\n * @param {string} strTsv - The input TSV string\n * @returns {Array<Array<string>>} Rectangular 2D array\n *\/\nfunction parseAsRectangular( strTsv ){\n  const arrTsv = strTsv.split("\\n");\n  let numMinWidth   = Infinity;\n  let numMaxWidth   = 0;\n  let numBlanklines = 0;\n  \n  const parsedRows = [];\n  for( let i = 0; i < arrTsv.length; i++ ){\n    const line = arrTsv[i];\n    if( line === "" ){\n      numBlanklines++;\n      continue;\n    }\n    const arrCells = line.split("\\t");\n    const len = arrCells.length;\n    if( len < numMinWidth ){ numMinWidth = len; }\n    if( len > numMaxWidth ){ numMaxWidth = len; }\n    parsedRows.push( arrCells );\n  }\n  \n  if( numMinWidth === Infinity ){\n    numMinWidth = 0;\n  }\n  engine.log( " AutomatedTask TsvDataCheck:" + \n              " MinWidth:" + numMinWidth +\n              " MaxWidth:" + numMaxWidth +\n              " Lines:" + arrTsv.length +\n              " (BlankLines:" + numBlanklines + ")" );\n  for( let i = 0; i < parsedRows.length; i++ ){\n    const row = parsedRows[i];\n    while( row.length < numMaxWidth ){\n      row.push( "" );\n    }\n  }\n  return parsedRows;\n}\n\/*\n### NOTES-en\n- A bar chart (SVG file) is automatically generated each time a Case reaches this Automated Step.\n    - From the second row of the input TSV string onward, all fields are parsed as "numeric strings", except for the first column (Column A).\n        - Only the first column (Column A) is considered as the aggregation unit name, such as "YYYY-MM" or "Quarter".\n        - If characters other than a "period (.)", a "minus sign (-)", and "0-9" exist, the "stripped string" is parsed.\n        - Even if commas exist, they are considered thousands separators, and the "stripped string" is parsed.\n        - The "stripped string" is parsed using `parseFloat()`.\n        - If parsing fails, the value is evaluated as `0`.\n    - The generated "SVG file" will be added to the specified File-type data item.\n        - For an N-row, 2-column TSV string, a simple bar chart is displayed (e.g., "Monthly Sales").\n        - For an N-row, M-column TSV string, a stacked bar chart with (M-1) "series" is displayed.\n        - The width of each series is calculated and drawn based on the "Max Scale Value (B3)".\n- The input TSV is parsed as the "simplest tab-separated string".\n- The number of lines in the input TSV string can also be saved as Case Data.\n### NOTES-ja\n- \u3053\u306e\u30a2\u30c9\u30aa\u30f3\u81ea\u52d5\u5de5\u7a0b\u306b\u30b1\u30fc\u30b9\uff08\u6848\u4ef6\uff09\u304c\u5230\u9054\u3059\u308b\u5ea6\u306b\u3001\u81ea\u52d5\u7684\u306b\u68d2\u30b0\u30e9\u30d5\uff08SVG\u30d5\u30a1\u30a4\u30eb\uff09\u304c\u751f\u6210\u3055\u308c\u307e\u3059\u3002\n    - \u5165\u529bTSV\u6587\u5b57\u5217\u306e\uff12\u884c\u76ee\u4ee5\u964d\u306f\u3001\u5168\u30d5\u30a3\u30fc\u30eb\u30c9\u304c\u300c\u6570\u5024\u6587\u5b57\u5217\u300d\u3068\u3057\u3066\u89e3\u6790\u3055\u308c\u307e\u3059\u3002\u203b\uff11\u5217\u76ee\uff08A\u5217\uff09\u3092\u9664\u304f\n        - \uff11\u5217\u76ee\uff08A\u5217\uff09\u3060\u3051\u306f\u3001\u300c\u5e74\u6708\u300d\u3084\u300c\u56db\u534a\u671f\u300d\u306a\u3069\u306e\u96c6\u8a08\u5358\u4f4d\u540d\u3068\u307f\u306a\u3055\u308c\u307e\u3059\u3002\n        - \u300c\u30d4\u30ea\u30aa\u30c9(.)\u300d\u3068\u300c\u30de\u30a4\u30ca\u30b9\u8a18\u53f7\u300d\u3068\u300c0\uff5e9\u300d\u4ee5\u5916\u306e\u6587\u5b57\u304c\u5b58\u5728\u3059\u308b\u5834\u5408\u3001\u300c\u9664\u53bb\u3055\u308c\u305f\u6587\u5b57\u5217\u300d\u304c\u89e3\u6790\u3055\u308c\u307e\u3059\u3002\n        - \u30ab\u30f3\u30de\u304c\u5b58\u5728\u3059\u308b\u5834\u5408\u3082\u3001\uff08\u6841\u533a\u5207\u308a\u6587\u5b57\u3068\u307f\u306a\u3055\u308c\uff09\u3001\u300c\u9664\u53bb\u3055\u308c\u305f\u6587\u5b57\u5217\u300d\u304c\u89e3\u6790\u3055\u308c\u307e\u3059\u3002\n        - \u300c\u9664\u53bb\u3055\u308c\u305f\u6587\u5b57\u5217\u300d\u304c `parseFloat()` \u306b\u3088\u3063\u3066\u89e3\u6790\u3055\u308c\u307e\u3059\u3002\n        - \u89e3\u6790\u306b\u5931\u6557\u3057\u305f\u5834\u5408 `0` \u3068\u307f\u306a\u3055\u308c\u307e\u3059\u3002\n    - \u751f\u6210\u3055\u308c\u305f "SVG\u30d5\u30a1\u30a4\u30eb" \u306f\u3001\u6307\u5b9a\u3055\u308c\u305f\u30d5\u30a1\u30a4\u30eb\u578b\u30c7\u30fc\u30bf\u9805\u76ee\u306b\u8ffd\u52a0\u4fdd\u5b58\u3055\u308c\u307e\u3059\u3002\n        - N\u884c2\u5217TSV\u6587\u5b57\u5217\u306e\u5834\u5408\u3001\u30b7\u30f3\u30d7\u30eb\u68d2\u30b0\u30e9\u30d5\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002 \u203b\u300c\u6708\u3054\u3068\u306e\u58f2\u4e0a\u300d\u306a\u3069\n        - N\u884cM\u5217TSV\u6587\u5b57\u5217\u306e\u5834\u5408\u3001"\u7cfb\u5217" \u304c (M-1) \u500b\u306e\u7a4d\u307f\u4e0a\u3052\u68d2\u30b0\u30e9\u30d5\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002\n        - \u5404\u7cfb\u5217\u306e\u6a2a\u5e45\u306f\u300c\u30b0\u30e9\u30d5\u76ee\u76db\u308a\u306e\u6700\u5927\u5024\uff08B3\uff09\u300d\u3092\u57fa\u6e96\u306b\u7b97\u51fa\u30fb\u63cf\u753b\u3055\u308c\u307e\u3059\u3002\n- \u5165\u529bTSV\u306f\u300c\u3082\u3063\u3068\u3082\u30b7\u30f3\u30d7\u30eb\u306a\u30bf\u30d6\u533a\u5207\u308a\u6587\u5b57\u5217\u300d\u3068\u3057\u3066\u30d1\u30fc\u30b9\u3055\u308c\u307e\u3059\u3002\n- \u5165\u529bTSV\u6587\u5b57\u5217\u306e\u884c\u6570\u3082\u30b1\u30fc\u30b9\u30c7\u30fc\u30bf\u3068\u3057\u3066\u683c\u7d0d\u53ef\u80fd\u3067\u3059\u3002\n#### TSV example\nYYYY-MM\tTanaka\tSato\tSuzuki\tYamada\n2026-01\t610,000\t520,000\t380,000\t450,000\n2026-02\t580,000\t490,000\t410,000\t480,000\n2026-03\t700,000\t600,000\t450,000\t550,000\n2026-04\t550,000\t480,000\t390,000\t420,000\n2026-05\t590,000\t510,000\t420,000\t460,000\n2026-06\t630,000\t550,000\t460,000\t510,000\n2026-07\t680,000\t620,000\t250,000\t280,000\n2026-08\t570,000\t530,000\t230,000\t290,000\n2026-09\t650,000\t310,000\t220,000\t250,000\n2026-10\t560,000\t290,000\t240,000\t270,000\n2026-11\t600,000\t300,000\t250,000\t260,000\n2026-12\t800,000\t720,000\t600,000\t680,000\n### APPENDIX-en\n- Blank lines within the input TSV string are ignored.\n- Please set series colors corresponding to the number of series in the TSV (TSV column count - 1).\n    - (It is fine to set more colors than required)\n    - Example of high-contrast series colors: "#e66,#39f,#f90,#a3c,#6a5,#678,#cc3,#999".\n    - Example of warm\/cool color gradation: "#c42,#e84,#fb6,#cc3,#6ad,#9cf,#cde,#eef".\n- Special characters like `<`, `>`, `&` in the TSV string will be automatically XML-escaped to prevent SVG file corruption.\n- You can specify a prefix and suffix for the total value.\n    - To add only a prefix: Set `$,` \u2192 `$1,200,000`\n    - To add only a suffix: Set `, items` \u2192 `150 items`\n    - To add both: Set `Approx. , hours` \u2192 `Approx. 40 hours`\n    - To include a space: Set `$ ,` \u2192 `$ 1,200`\n### APPENDIX-ja\n- \u5165\u529bTSV\u6587\u5b57\u5217\u5185\u306e\u7a7a\u884c\u306f\u7121\u8996\u3055\u308c\u307e\u3059\u3002\n- \u7cfb\u5217\u306e\u8272\u306f\u3001TSV\u5185\u306e\u7cfb\u5217\u306e\u6570\uff08TSV\u5217\u6570 - 1\uff09\u3060\u3051\u30bb\u30c3\u30c8\u3057\u3066\u304f\u3060\u3055\u3044\u3002\uff08\u591a\u304f\u8a2d\u5b9a\u3059\u308b\u5206\u306b\u306f\u69cb\u3044\u307e\u305b\u3093\uff09\n    - \u7cfb\u5217\u306e\u30e1\u30ea\u30cf\u30ea\u3092\u52b9\u304b\u305b\u308b\u4f8b: "#e66,#39f,#f90,#a3c,#6a5,#678,#cc3,#999"\n    - \u5bd2\u8272\u6696\u8272\u3067\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u4f8b: "#c42,#e84,#fb6,#cc3,#6ad,#9cf,#cde,#eef"\n- TSV\u5185\u306e `<` \u3084 `&` \u3068\u3044\u3063\u305f\u7279\u6b8a\u8a18\u53f7\u306f\u3001SVG\u30d5\u30a1\u30a4\u30eb\u306e\u7834\u640d\u3092\u9632\u3050\u305f\u3081\u306b\u81ea\u52d5\u7684\u306bXML\u30a8\u30b9\u30b1\u30fc\u30d7\u3055\u308c\u307e\u3059\u3002\n- \u5408\u8a08\u5024\u306b\u306f\u63a5\u982d\u8f9e\u30fb\u63a5\u5c3e\u8f9e\u3092\u6307\u5b9a\u3067\u304d\u307e\u3059\u3002\n    - \u524d\u3060\u3051\u306b\u3064\u3051\u305f\u3044\u5834\u5408: `\uffe5,` \u3068\u8a2d\u5b9a \u2192 `\uffe51,200,000`\n    - \u5f8c\u308d\u3060\u3051\u306b\u3064\u3051\u305f\u3044\u5834\u5408: `,\u4ef6` \u3068\u8a2d\u5b9a \u2192 `150\u4ef6`\n    - \u524d\u5f8c\u4e21\u65b9\u306b\u3064\u3051\u305f\u3044\u5834\u5408: `\u7d04,\u6642\u9593` \u3068\u8a2d\u5b9a \u2192 `\u7d0440\u6642\u9593`\n    - \u9593\u306b\u30b9\u30da\u30fc\u30b9\u3092\u5165\u308c\u305f\u3044\u5834\u5408: `$ ,` \u3068\u8a2d\u5b9a \u2192 `$ 1,200`\n*\/\n<\/code><\/pre><\/div>\n<\/div><\/details><\/div>\n<\/div>\n\n\n\n
Download<\/span><\/h3>\n\n\n\n