Metatron-discovery: For line and combine charts, the line thickness will be changeable.

Created on 6 Nov 2018  ยท  9Comments  ยท  Source: metatron-app/metatron-discovery

Is your feature request related to a problem? Please describe.
metaron 1.0์—์„œ๋Š” ์žˆ๋˜ ๊ธฐ๋Šฅ์ธ๋ฐ ํ˜„์žฌ ๋ฐ˜์˜์ด ์•ˆ๋œ ๊ธฐ๋Šฅ์ด ์žˆ์Šต๋‹ˆ๋‹ค.

1) ๋ผ์ธ/์ฝค๋ฐ”์ธ ์ฐจํŠธ์˜ ๊ฒฝ์šฐ ๊ตต๊ธฐ๋ฅผ ์กฐ์ ˆํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐ๋Šฅ์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.
2) ์ฝค๋ฐ”์ธ ์ฐจํŠธ์—์„œ ๊บฝ์ž„/๊ตด๋ฆผ ์„ค์ •์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.

Describe the solution you'd like
๊ฒŒ์ด์ง€๋กœ 1px ~50px๊นŒ์ง€ ์กฐ์ ˆ๋˜์—ˆ์œผ๋ฉด ํ•ฉ๋‹ˆ๋‹ค.
์ด๊ฒŒ ๋ฌด๋ฆฌ์ด๋ฉด 1px, 2px, 3px ๋“ฑ 3๊ฐ€์ง€ ๊ตต๊ธฐ ์ผ€์ด์Šค์— ๋Œ€ํ•ด์„œ ์„ ํƒํ•˜์—ฌ ๋ฐ˜์˜๋˜๋Š” ๊ธฐ๋Šฅ์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค. (1.0์—๋Š” ๊ทธ๋ ‡๊ฒŒ ๋˜์–ด์žˆ์Šต๋‹ˆ๋‹ค.)

๋ผ์ธ์ฐจํŠธ ๊ณตํ†ตํŒจ๋„ ์„ค์ •์— ๋“ค์–ด๊ฐ€๋ฉด ๋ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

Additional context
1) ๊ตต๊ธฐ ์กฐ์ ˆ
image

2) ๊บพ์ž„/๊ตด๋ฆผ ์„ค์ •
image

-> ex.) ๋ผ์ธ ์ฐจํŠธ์˜ ๊ฒฝ์šฐ ํ˜„์žฌ ์„ค์ •์ด ์žˆ์Œ
image

enhancement awaiting feedback @chart

All 9 comments

@AnnieHwang @metatron-app/design ๋„ฃ๋Š”๊น€์— ๋ผ์ธ์Šคํƒ€์ผ๋„ ๋„ฃ์–ด๋ณด๋ฉด ์–ด๋–จ๊นŒ์š”?

@kyungtaak ๋„ค ๋ฐ˜์˜ํ•  ์˜ˆ์ •์ด๊ณ ์š”. ๊ธฐํš๋˜๋ฉด @esezin ๋‹˜์ด ๊ธฐํš์•ˆ ์˜ฌ๋ ค์ฃผ์‹ค ์˜ˆ์ •์ž…๋‹ˆ๋‹ค.

@AnnieHwang @esezin ์Šค์บํ„ฐ ์ฐจํŠธ์˜ ์  ํฌ๊ธฐ๊ฐ€ ํ˜„์žฌ ๊ณ ์ •์ธ๋ฐ(๋ชจ์–‘์€ ๋ณ€ํ˜• ๊ฐ€๋Šฅ), ์Šค์บํ„ฐ ์ฐจํŠธ์—๋„ ์ ์˜ ํฌ๊ธฐ๋ฅผ ๋ณ€๊ฒฝํ• ์ˆ˜ ์žˆ๊ฒŒ ํ•˜๋Š”๊ฑด ์–ด๋–จ๊นŒ์š”? ์‚ฌ์šฉํ• ๋•Œ ๋ถˆํŽธํ•˜๋‹ค๊ณ  ๋А๊ผˆ๋˜ ์ ์ธ๋ฐ ๋งˆ์นจ ๋ผ์ธ์ฐจํŠธ ์„  ์Šคํƒ€์ผ ์ด์Šˆ๊ฐ€ ๋ณด์—ฌ์„œ ์ˆŸ๊ฐ€๋ฝ์„ ์–น์–ด๋ด…๋‹ˆ๋‹ค...

์Šค์บํ„ฐ ์ฐจํŠธ์˜ ์  ํฌ๊ธฐ๊ฐ€ ํ˜„์žฌ ๊ณ ์ •์ธ๋ฐ(๋ชจ์–‘์€ ๋ณ€ํ˜• ๊ฐ€๋Šฅ), ์Šค์บํ„ฐ ์ฐจํŠธ์—๋„ ์ ์˜ ํฌ๊ธฐ๋ฅผ ๋ณ€๊ฒฝํ• ์ˆ˜ ์žˆ๊ฒŒ ํ•˜๋Š”๊ฑด ์–ด๋–จ๊นŒ์š”? ์‚ฌ์šฉํ• ๋•Œ ๋ถˆํŽธํ•˜๋‹ค๊ณ  ๋А๊ผˆ๋˜ ์ ์ธ๋ฐ ๋งˆ์นจ ๋ผ์ธ์ฐจํŠธ ์„  ์Šคํƒ€์ผ ์ด์Šˆ๊ฐ€ ๋ณด์—ฌ์„œ ์ˆŸ๊ฐ€๋ฝ์„ ์–น์–ด๋ด…๋‹ˆ๋‹ค...

@ecoloy ์ข‹์€ ์ƒ๊ฐ์ธ๊ฒƒ ๊ฐ™์•„์š”. :) ์–ธ๊ธ‰ํ•˜์‹ ๊ฑด์€ ๋ณ„๋„ ์ด์Šˆ๋กœ ๋“ฑ๋กํ•ด์„œ ๊ด€๋ฆฌํ–ˆ์œผ๋ฉด ํ•˜๋Š”๋ฐ์š”. ํ˜น์‹œ ์ด์Šˆ๋กœ ๋“ฑ๋กํ•ด์ฃผ์‹ค์ˆ˜ ์žˆ์œผ์‹ ์ง€์š”?

@kyungtaak #809์— ์Šค์ผ€ํ„ฐ์ฐจํŠธ์— ๋Œ€ํ•œ ์ด์Šˆ ์ƒ์„ฑํ•ด๋‘์—ˆ์Šต๋‹ˆ๋‹ค. @esezin ์Šค์ผ€ํ„ฐ์™€ ๋ณ„๊ฐœ๋กœ ํ•ด๋‹น ์ด์Šˆ ๊ธฐํš์„œ์— ์ถ”๊ฐ€ ๋ถ€ํƒ๋“œ๋ฆฝ๋‹ˆ๋‹ค.

@AnnieHwang
์•„๋ž˜์™€ ๊ฐ™์ด ๊ธฐํš์„œ์— ๋‚ด์šฉ์„ ์ถ”๊ฐ€ํ•˜๋ฉด์„œ ํŒจ๋„์˜ ์ •๋ณด ๊ตฌ์กฐ๋ฅผ ๊ฐœ์„ ํ•˜์˜€์Šต๋‹ˆ๋‹ค.
677-01

@AnnieHwang
line style์€ ๊ธฐ์กด ui์™€ ๋งž์ถ”๊ธฐ์œ„ํ•ด sub title์ด ์ถ”๊ฐ€๋˜์—ˆ์Šต๋‹ˆ๋‹ค
image

@AnnieHwang @esezin ์‚ฌ์‹ค Line Style ์ด.. ์ƒ๋‹จ Chart Style ๋„ ํฌํ•จํ• ๊ฒƒ ๊ฐ™์€๋ฐ์š”. ๊ทธ๋ฆฌ๊ณ  combine ์ฐจํŠธ๋Š” ์–ด๋–ป๊ฒŒ ๋˜๋Š”๊ฑด๊ฐ€์š”?

@eltriny ์ผ๋‹จ ์œ„ ๋ผ์ธ์ฐจํŠธ ๊ธฐํš๋‚ด์šฉ์— ๋Œ€ํ•œ ์ŠคํŽ™ ์ดˆ์•ˆ ์ž…๋‹ˆ๋‹ค. (๊ธฐํš์ด ๋ณด์™„๋˜๋ฉด ์ถ”๊ฐ€๋กœ ์ˆ˜์ •์˜ˆ์ •์ž…๋‹ˆ๋‹ค.)

{
  "type": "line",
  "color": {...},
  "legend": {},
  ...
  "lineStyle": "POINT_LINE",   // deprecated
  "curveStyle": "STRAIGHT",    // deprecated
  "lineThickness": "THIN",     // deprecated
  "style": {
    "style": "SOLID",          // SOLID | DASHED | DOTTED, new property
    "thickness": "THIN",       // THIN | NORMAL | THICK, replaced 'lineThickness'
    "curve": "STRAIGHT",       // STRAIGHT | SMOOTH, replaced 'curveStyle' 
    "point": "POINT_LINE"      // POINT_LINE | POINT | LINE, replaced 'lineStyle' 
  },
  ...
}
Was this page helpful?
0 / 5 - 0 ratings