{"id":187352,"date":"2026-06-17T09:33:32","date_gmt":"2026-06-17T00:33:32","guid":{"rendered":"https:\/\/support.questetra.com\/?p=187352"},"modified":"2026-06-17T09:33:34","modified_gmt":"2026-06-17T00:33:34","slug":"converter-tsv-string-to-markdown-chart-string-2026","status":"publish","type":"post","link":"https:\/\/support.questetra.com\/en\/addons\/converter-tsv-string-to-markdown-chart-string-2026\/","title":{"rendered":"Converter: #TSV String to #MdChart String"},"content":{"rendered":"\n

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

translate<\/span> \u30b3\u30f3\u30d0\u30fc\u30bf: #TSV\u6587\u5b57\u5217 to #MdChart\u6587\u5b57\u5217<\/a><\/p>\n\n\n\n

Converts a numeric TSV string into a Markdown-embeddable stacked bar chart (MdChart). 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 DATA to store Converted Markdown String (update) *<\/span><\/dd>\n<\/div>\n
StrConfB8<\/dt>
B8: Set Max Num of MdChart String (default: 8000)#{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")\n\n\n\/\/\/\/\/\/\/\/ START "main()" \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\nmain();\nfunction main(){ \n\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:" +\n                     " Config {A: TSV} is empty \\n" );\n  }\n  if( arr2dTsv.length === 1 ){\n    throw new Error( "\\n AutomatedTask ConfigError:" +\n                     " 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\uff08\u524d\u5f8c\u306b\u306a\u306b\u3082\u4ed8\u3051\u306a\u3044\uff09\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 numMaxLength  = parseInt(configs.get("StrConfB8" ), 10) || 8000;\nconst strPocketC    = configs.getObject ( "SelectConfC" );\nconst numPocketD1   = configs.getObject ( "SelectConfD1" );\nconst numPocketD2   = configs.getObject ( "SelectConfD2" );\n\n\n\n\/\/\/\/ == Data Retrieving \/ \u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u30c7\u30fc\u30bf\u306e\u53c2\u7167 ==\n\/\/ (Nothing. Retrieved via Expression Language in Config Retrieving)\n\n\n\n\/\/\/\/ == Calculating \/ \u6f14\u7b97 ==\nlet strMarkdown = "";\n\n\/\/ \u51e1\u4f8b\u306e\u8868\u793a\nif (isShowLegend) {\n  for (let i = 1; i < arr2dTsv[0].length; i++) {\n    const color = arrColors[(i - 1) % arrColors.length];  \/\/ \u8272\u306e\u6570\u304c\u8db3\u308a\u306a\u3044\u5834\u5408\u306f\u30eb\u30fc\u30d7\u3055\u305b\u308b\n    strMarkdown += `<span style="color:${color}">\u25a0${arr2dTsv[0][i]}<\/span> `;\n  }\n  strMarkdown += "\\n";\n}\n\n\/\/ \u76ee\u76db\u308a\u306e\u8868\u793a\nif (isShowLabels) {\n  strMarkdown += `<div style="display:flex;color:#777"><span style="display:inline-block;width:${numWidthUnit}px"><\/span>`;\n  strMarkdown += `<span style="display:flex;width:${numWidthBar}px;justify-content:space-between">`;\n  for (let i = 0; i < arrLabels.length; i++) {\n    strMarkdown += `<span>${arrLabels[i]}<\/span>`;\n  }\n  strMarkdown += `<\/span><span style="display:inline-block;width:${numWidthTotal}px"><\/span><\/div>`;\n  strMarkdown += "\\n";\n}\n\n\n\/\/ \u68d2\u30b0\u30e9\u30d5\u306e\u8868\u793a\nfor (let i = 1; i < arr2dTsv.length; i++) {\n  let strRow = ""; \/\/ 1\u884c\u5206\u306e\u6587\u5b57\u5217\u3092\u4e00\u6642\u4fdd\u5b58\u3059\u308b\u5909\u6570\n\n  \/\/ \u30e6\u30cb\u30c3\u30c8\u540d\n  strRow += `<div style="display:flex;align-items:center"><span style="display:inline-block;width:${numWidthUnit}px">`;\n  strRow += arr2dTsv[i][0];\n  strRow += `<\/span>`;\n  \/\/ \u4e00\u672c\u306e\u68d2\u30b0\u30e9\u30d5\uff08\u80cc\u666f\uff09\n  strRow += `<span style="display:inline-block;width:${numWidthBar}px;background:#eee">`;\n  strRow += `<span style="display:flex;width:100%;height:10px">`;\n  let totalValue = 0;\n  \/\/ \u4e00\u672c\u306e\u68d2\u30b0\u30e9\u30d5: \u7cfb\u5217\u306e\u7a4d\u307f\u4e0a\u3052\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 barRatio = Math.max(0, cellValue \/ numMaxScale);\n    const color = arrColors[(j - 1) % arrColors.length];\n    strRow += `<span style="flex:${barRatio};background:${color}"><\/span>`;\n  }\n  \/\/ \u4e00\u672c\u306e\u68d2\u30b0\u30e9\u30d5: \u30b0\u30e9\u30d5\u90e8\u5206\u3092\u9589\u3058\u308b\n  strRow += `<span style="flex:${Math.max(0, 1 - (totalValue \/ numMaxScale))}"><\/span>`;\n  strRow += `<\/span><\/span>`;\n  \/\/ \u4e00\u672c\u306e\u68d2\u30b0\u30e9\u30d5\u306e\u6a2a\u306b\u7a4d\u307f\u4e0a\u3052\u5408\u8a08\u5024\n  strRow += `<span style="display:inline-block;width:${numWidthTotal}px;text-align:right">${strPrefix}${totalValue.toLocaleString()}${strSuffix}<\/span><\/div>`;\n  strRow += "\\n";\n\n  \/\/ \u6587\u5b57\u6570\u5236\u9650\u30c1\u30a7\u30c3\u30af (B8)\n  \/\/ \u73fe\u5728\u306e\u6587\u5b57\u5217\u3068\u8ffd\u52a0\u4e88\u5b9a\u306e\u884c\u306e\u6587\u5b57\u6570\u3092\u8db3\u3057\u3066\u3001\u4e0a\u9650\u3092\u8d85\u3048\u308b\u306a\u3089\u8ffd\u52a0\u305b\u305a\u306b\u30eb\u30fc\u30d7\u3092\u7d42\u4e86\n  if (strMarkdown.length + strRow.length > numMaxLength) {\n    engine.log(`Warning: Reached Max Length (${numMaxLength}) at row ${i}. Stopping chart generation to prevent unclosed HTML tags.`);\n    break; \n  }\n  \/\/ \u5236\u9650\u5185\u306b\u53ce\u307e\u308b\u5834\u5408\u306e\u307f\u5168\u4f53\u6587\u5b57\u5217\u306b\u8ffd\u52a0\n  strMarkdown += strRow;\n}\n\n\n\n\n\/\/\/\/ == Data Updating \/ \u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u30c7\u30fc\u30bf\u3078\u306e\u4ee3\u5165 ==\n\nif ( strPocketC !== null) { \n  engine.setData( strPocketC, strMarkdown );\n}\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\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\n} \/\/\/\/\/\/\/\/ END "main()" \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\n\n\n\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\/\/ Step 1: \u30d1\u30fc\u30b9\u3068\u6700\u5927\u6700\u5c0f\u5e45\u7b97\u51fa\u30921\u5ea6\u306e\u30eb\u30fc\u30d7\u3067 \/ Parse and Calc max-min widths in single loop\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  \/\/ \u5168\u3066\u7a7a\u884c\u3060\u3063\u305f\u5834\u5408\u306e\u30d5\u30a7\u30a4\u30eb\u30bb\u30fc\u30d5 \/ Fail-safe in case all lines are blank\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\n\/\/ Step 2: \u77e9\u5f62\u3078\u6574\u5f62 (\u4e0d\u8db3\u5217\u306b "") \/ Format into rectangle (fill in missing columns with "")\n  for( let i = 0; i < parsedRows.length; i++ ){\n    const row = parsedRows[i];\n    \/\/ \u6700\u5927\u5e45\u306b\u6e80\u305f\u306a\u3044\u5206\u3060\u3051\u7a7a\u6587\u5b57\u5217\u3092\u8ffd\u52a0\n    while( row.length < numMaxWidth ){\n      row.push( "" );\n    }\n  }\n  return parsedRows;\n}\n\n\n\/*\n### NOTES-en\n- A bar chart (MdChart string) 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 "MdChart string" is an HTML string where `div` and `span` elements are arranged using flexbox.\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        - If the stacked total value exceeds the "Max Scale Value (B3)", the chart will be automatically scaled down to fit exactly within the chart width (100%) while maintaining the ratio of each series (no blank space will be displayed on the right).\n- The input TSV is parsed as the "simplest tab-separated string".\n    - Double quotes and other characters within the TSV string are retained as is.\n- The number of lines in the input TSV string can also be saved as Case Data.\n\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\uff08MdChart\u6587\u5b57\u5217\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    - "MdChart\u6587\u5b57\u5217" \u306f `div` \u3068 `span` \u304c flex \u914d\u7f6e\u3055\u308c\u305fHTML\u6587\u5b57\u5217\u3067\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\u3000\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        - \u7a4d\u307f\u4e0a\u3052\u5408\u8a08\u5024\u304c\u300c\u30b0\u30e9\u30d5\u76ee\u76db\u308a\u306e\u6700\u5927\u5024\uff08B3\uff09\u300d\u3092\u8d85\u3048\u305f\u5834\u5408\u3001\u7e2e\u5c0f\u3057\u3066\u8868\u793a\u3055\u308c\u307e\u3059\u3002\n            - \u30b0\u30e9\u30d5\u306e\u8868\u793a\u5e45\uff08100%\uff09\u306b\u3074\u3063\u305f\u308a\u53ce\u307e\u308b\u3088\u3046\u3001\u5404\u7cfb\u5217\u306e\u6bd4\u7387\u3092\u7dad\u6301\u3057\u305f\u307e\u307e\u3001\u7e2e\u5c0f\u3055\u308c\u307e\u3059\u3002\n            - \u53f3\u5074\u306e\u4f59\u767d\u306f\u751f\u6210\u3055\u308c\u307e\u305b\u3093\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    - TSV\u6587\u5b57\u5217\u5185\u306e\u30c0\u30d6\u30eb\u30af\u30aa\u30fc\u30c8\u6587\u5b57\u7b49\u3082\u3001\u305d\u306e\u307e\u307e\u4fdd\u6301\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\n\n#### TSV example\n```\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```\n\n\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- Blank lines within the input TSV string are ignored regarding the character limit for the MdChart string.\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\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- MdChart\u6587\u5b57\u5217\u306e\u6587\u5b57\u6570\u5236\u9650\u306f\u3001\u5165\u529bTSV\u6587\u5b57\u5217\u5185\u306e\u7a7a\u884c\u306f\u7121\u8996\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\n<\/code><\/pre><\/div>\n<\/div><\/details><\/div>\n<\/div>\n\n\n\n
Download<\/span><\/h3>\n\n\n\n