μν μ°¨νΈλ μμΉλ₯Ό μ§μ νλ €κ³ ν λ λ°μ΄ν° λ μ΄λΈμ κΈΈμ΄λ₯Ό κ³ λ €νμ§ μμΌλ―λ‘ μ’ μ’ λΆλΆμ μΌλ‘ μΊλ²μ€ μΈλΆμμ λ λλ§λ©λλ€. μ°¨νΈμμ μ¬λ°±μ μ¬μ©νμ¬ μΆ©λΆν μ¬λ°±μ μ€ μ μμμ§λ§ μ΄ λ°©λ²μΌλ‘λ ν΄κ²°ν μ μμ΅λλ€.
μ λ μ΄ λ¬Έμ λ₯Ό κ²ͺκ³ μμ΅λλ€. μννΈμ¨μ΄κ° μμλλ‘ μλνμ§ μκΈ° λλ¬Έμ κ°μ μ¬νμ΄ μλλΌ λ²κ·Έλ‘ λΆλ₯λμ΄μΌ νλ€κ³ μκ°ν©λλ€.
μ΄ λ¬Έμ μ λν΄ +1, λ°μ΄ν° λ μ΄λΈμ λ°λΌ νμ΄ ν¬κΈ°κ° μλμΌλ‘ μ‘°μ λ μ μμ΅λκΉ?
+1
μ¬κΈ°λ +1. μ°λ¦¬ νμ¬λ μ΅κ·Όμ μ΄ μννΈμ¨μ΄λ₯Ό μ¬μ©νκΈ° μν λΌμ΄μ μ€λ₯Ό ꡬμ νμ΅λλ€. μ΄ λ²κ·Έλ₯Ό μμ νλ©΄ ν° λμμ΄ λ κ²μ λλ€. Highslideμ λꡬλ μ§ μ¬κΈ°μμ λ¬΄μ¨ μΌμ΄ μΌμ΄λκ³ μλμ§ μ°μ μμ/λκΈμ λ¬ μ μμ΅λκΉ? μ΄κ²μ 1 λ λμ μ΄λ € μμ΅λλ€.
+1. randallmoreyκ° λ§ν κ²κ³Ό λκ°μ μν©μ λλ€. λν rowanmanningμ λμν©λλ€. 물건μ μλ₯΄λ κ²μ λ²κ·Έμ λλ€.
μ΄ λ²κ·Έλ 2λ
μ μ μ΄λ Έμ΅λλ€. μ΄λ€ μ§μ μ΄ μμ΅λκΉ? λ μ΄λΈμ΄ μ리면 μν μ°¨νΈλ μ°λ¦¬μκ² μΈλͺ¨κ° μμ΅λλ€.
κ·Έκ²μ μ¬μ ν ββκ°μ μΌλ‘ νμλ©λλ€.
λ°μ΄ν° λ μ΄λΈμ νμν 곡κ°μ κ°μ§νλ κ²μ λ§€μ° λ³΅μ‘νλ©° μ°λ¦¬λ
νμ¬λ‘μλ μ΅μ°μ μμλ₯Ό λμ§ μμ΅λλ€. μ μ ν μΆκ°κ° νμν©λλ€
μ΄λ₯Ό νΌνκΈ° μν΄ μ¬λ°±κ³Ό νμ΄ ν¬κΈ°λ₯Ό μ‘°μ νμμμ€. λλΉ μ€νμΌμ μ€μ ν μλ μμ΅λλ€.
λ¨μ΄ μ€ λ°κΏμ κ°μ μ€ννλ dataLabels.
+1
μ λ μ΄ λ¬Έμ κ° μμ΅λλ€.
μ΄κ²μ λ²κ·Έλ‘ νκ·Έκ° μ§μ λμ΄μΌ ν©λλ€. κ°μ μ μ λλ‘ μλνλ€λ κ²μ μλ―Ένμ§λ§ μ¬κΈ°μλ λΆλͺ
ν κ·Έλ μ§ μμ κ°μ λ μ μμ΅λλ€.
+1
μλ νμΈμ @highslide-software , μ΄μ λν ν΄κ²°μ± μ΄ μμ΅λκΉ? μΊλ²μ€ κΈ°λ° μ°¨νΈκ° κ°λ₯ν μ루μ μ΄ λ μ μμ΅λκΉ?
+1
+1 μ λ μ΄ λ¬Έμ κ° μμ΅λλ€.
μ λ μ
μ’μμ μ¬λ¬λΆ, μ κ° ν΄κ²°μ± μ μ°Ύλλ‘ λ Έλ ₯νκ² μ΅λλ€. μ°λ¦¬λ λ°μ΄ν° λ μ΄λΈμ κ·Έλ¦¬κ³ μ μΆ μ¬λΆλ₯Ό μ°Ύμ λ€μ λͺ¨λ λ μ΄λΈμ΄ λ€μ΄κ° λκΉμ§ μνμ ν¬κΈ°λ₯Ό μ¬κ·μ μΌλ‘ μ€μ΄λ μ¬κ· λ Όλ¦¬κ° νμν©λλ€.
μ°λ¦¬κ° ν μΌμ λ€μκ³Ό κ°μ΅λλ€.
μλ―Ό:
λͺ¨λ μ견μ κ°μ¬λ립λλ€!
μ°¨νΈκ° ν°λ¬΄λμμ΄ μμμ§ μ μλ μ λ§ κΈ΄ λ°μ΄ν° λ μ΄λΈμ΄ λ§μ΄ μμ΅λλ€(μ§§κ² λ§λ€ μλ μμ΅λλ€). λ μ΄λΈμ΄ νΉμ λλΉλ₯Ό μ΄κ³Όνλ κ²½μ° λμΈ μ€λ‘ μλ μ€λ°κΏλλλ‘ νλ λ°©λ²μ΄ μμ΅λκΉ?
κ°μ¬ ν΄μ!
μ, dataLabels.style.widthλ₯Ό '100px'λ‘ μ€μ ν μ μλ€κ³ μκ°ν©λλ€.
μ΄κ²μ λν΄ λλ¨ν κ°μ¬ν©λλ€ - μ΄κ²μ΄ 'λ§μ€ν°'λ‘ λ³ν©λκ±°λ 릴리μ€μ λ³ν©λ μκΈ°μ λν μμμ΄ μμ΅λκΉ?
2x2 νμμΌλ‘ ν νμ΄μ§μ μ¬λ¬ μν μ°¨νΈλ₯Ό νμνλ κ²½μ°κ° μμ΅λλ€. κ° νμ΄λ λ μ΄λΈμ κ°μ§λ§ λ°μ΄ν°κ° λ€λ¦ λλ€.
λ°λΌμ μ΄ μ루μ μ λ°λμ§νμ§ μμ 4κ°μ λ€λ₯Έ ν¬κΈ°μ νμ΄λ₯Ό μμ±ν μ μμ΅λλ€. μ΄λ₯Ό λ°©μ§νκ³ λ μ΄λΈμ μ ν©νκ² λ§λλ λ°©λ²μ΄ μμ΅λκΉ? μ€μ λ‘ λ΄κ° μνλ κ²μ μνμ΄ μλ μ°¨νΈμ λ§κ² μ‘°μ λλ λ°μ΄ν° λ μ΄λΈμ λλ€. κ³ κΈ κ°μ¬ν©λλ€.
μ΄κ²μ Highcharts 3.0μ΄ λμ¬ λ, μλ§λ ν¬λ¦¬μ€λ§μ€ μ μ 릴리μ€λκ³ λ§μ€ν°μ λ³ν©λ κ²μ λλ€.
λμΌν μ°¨νΈμ μ¬λ¬ κ°μ νμ΄κ° μλ κ²½μ°μλ μ λ ν¬κΈ°λ₯Ό μ¬μ©ν΄μΌ ν©λλ€. μ΄λ‘ μ μΌλ‘ μ€λͺ νλ λ΄μ©μ κ° νμ΄λ₯Ό μ‘°μ ν λ€μ λͺ¨λ νμ΄μ λν΄ κ°μ₯ μμ νμ΄ ν¬κΈ°λ₯Ό μ¬μ©νμ¬ ν΄κ²°ν μ μλ€κ³ μκ°ν©λλ€. κ·Έλ¬λ νμ΄κ° νλ‘― μμ λ΄μμ μ‘°μ λκ³ μλ‘μ λν΄ μλμ μ΄μ§ μκΈ° λλ¬Έμ μ΄κ²μ΄ μ€μ λ‘ μ΄λ»κ² μλνλμ§ μ λͺ¨λ₯΄κ² μ΅λλ€.
@highslide-software νμ΄μ°¨νΈμ© CDNμΌλ‘ μΈν΄ μμ μλ μλνμ§ μμ΅λλ€. κ΄μ¬ μλ μ¬λμ μν΄ λ°μ΄μ¬λ¦° μμ λ₯Ό μμ νμ΅λλ€.
http://jsfiddle.net/CjgLg/13/ . μλ ν¬κΈ° μ‘°μ μ΄ μ΄λ»κ² μ²λ¦¬λλμ§ κ΄μ°°νλ €λ©΄ μ€λ₯Έμͺ½ νλ¨μ ν¬κΈ° μ‘°μ νΈλ€μ μ‘μΌμμμ€.
http://jsfiddle.net/9tqSn/11/ . λμ ν¬κΈ°μ κ²°κ³Όλ‘ νμ΄ μ체μ ν¬κΈ°λ μ‘΄μ¬νλ λ°μ΄ν° λ μ΄λΈμ λ°λΌ λ³κ²½λ μ μμ΅λλ€. μ΄ λ°λͺ¨μμ μ¬λΌμ΄μ€κ° νμλκ³ μ¨κ²¨μ§μ λ°λΌ μ΄λ»κ² λ³κ²½λλμ§ νμΈνμμμ€.
μμ ν΄μ£Όμ μ κ°μ¬ν©λλ€! +1 :)
λλμ μ΄ μλ ν¬κΈ° μ‘°μ κΈ°λ₯μ λ¬Έμ κ° μμ΅λλ€. λ¨μΌ νμ΄μλ μ μλνμ§λ§ 2 μλ¦¬μ¦ νμ΄(μ¦, λλ)μ μ¬μ©νλ©΄ λ΄λΆ λ° μΈλΆ νμ΄ λͺ¨λ λ 립μ μΌλ‘ ν¬κΈ°κ° μ‘°μ λ©λλ€. νΉν λ΄λΆ νμ΄μ κ±°λ―Έμ κ°μ λ²λ‘κ° μκ³ μΈλΆ νμ΄μ μλ κ²½μ° λ΄λΆ νμ΄μ ν¬κΈ°λ μ ν μ‘°μ λμ§ μκ³ μΈλΆ νμ΄λ μ€μ λ‘ λ·°ν¬νΈμ λ§κ² ν¬κΈ°κ° μ‘°μ λ©λλ€. μ΄λ‘ μΈν΄ μ°¨νΈκ° μ곑λ©λλ€(μΌλ°μ μΌλ‘ λ΄λΆ νμ΄κ° μΈλΆ νμ΄λ³΄λ€ λμ΄μ Έ μ°¨νΈμ λͺ¨μκ³Ό μλ―Έκ° μμ ν μμλ¨).
νλμ ν° νμ΄λ‘ λλλ μ§μνλλ‘ μ΄ μμ μ¬νμ νμ₯ν κ°λ₯μ±μ΄ μμ΅λκΉ?
λ€μμ μμ λλ€. http://jsfiddle.net/mmarchetta/34VAT/2/
λ°κΉ₯μͺ½ νμ΄(λ Ήμ/νλμ)μΈ κ²μ²λΌ 보μ΄λ νμ΄κ° μ€μ λ‘λ μμͺ½ νμ΄μ΄κ³ μμͺ½ νμ΄μ²λΌ 보μ΄λ μ‘°κ°μ΄ λ λ§μ νμ΄κ° μ€μ λ‘λ λ°κΉ₯μͺ½ νμ΄μ λλ€.
κ°μ¬ ν΄μ!
λλ μ°¨νΈμ λμΌν λ¬Έμ κ° μμΌλ©° λ μ΄λΈμ΄ μ°¨νΈ μΈλΆλ‘ νμ₯λ©λλ€.
μ΄ μ¬λ‘λ λ μ΄λΈμ΄ μ리λ λ°©λ²μ 보μ¬μ€λλ€. http://jsfiddle.net/highcharts/7okk430t/
λλ μ΄κ²μ λν΄ μμ νκ³ μ€λ²νλ‘ λ°μ΄ν° λ μ΄λΈμ μ€μνλ₯Ό μΆκ°νλ λ Όλ¦¬λ₯Ό νꡬνμ΅λλ€. νμ¬ μ μ μ°¨νΈμμλ μ μλνμ§λ§ μ°¨νΈ ν¬κΈ°λ₯Ό λμ μΌλ‘ μ‘°μ νκ±°λ μ λ°μ΄νΈνλ©΄ μ€λ¨λ©λλ€.
λΌμ΄λΈ λ°λͺ¨λ http://jsfiddle.net/highcharts/7okk430t/1/ μμ λ³Ό μ μμ΅λλ€
.. μ°¨μ΄μ μ λ€μκ³Ό κ°μ΅λλ€.
diff --git a/js/parts/DataLabels.js b/js/parts/DataLabels.js
index c72fabf..a7222c5 100644
--- a/js/parts/DataLabels.js
+++ b/js/parts/DataLabels.js
@@ -619,13 +619,41 @@ if (seriesTypes.pie) {
* fall within the plot area.
*/
seriesTypes.pie.prototype.placeDataLabels = function () {
+
+ var chart = this.chart,
+ spacing = chart.spacing;
each(this.points, function (point) {
var dataLabel = point.dataLabel,
- _pos;
+ _pos,
+ overflow,
+ ellipsis;
if (dataLabel && point.visible) {
_pos = dataLabel._pos;
if (_pos) {
+
+ if (dataLabel._attr.align === 'right') {
+ overflow = _pos.x - dataLabel.width;
+ if (overflow < spacing[3]) {
+ ellipsis = true;
+ }
+ }
+
+ if (dataLabel._attr.align === 'left') {
+ overflow = chart.chartWidth - _pos.x - dataLabel.width - spacing[1] - spacing[3];
+ if (overflow < spacing[1]) {
+ ellipsis = true;
+ }
+ }
+
+ if (ellipsis) {
+ dataLabel._attr.width = dataLabel.width + overflow;
+ dataLabel.css({
+ width: dataLabel._attr.width + PX,
+ textOverflow: 'ellipsis'
+ });
+ }
+
dataLabel.attr(dataLabel._attr);
dataLabel[dataLabel.moved ? 'animate' : 'attr'](_pos);
dataLabel.moved = true;
diff --git a/js/parts/SvgRenderer.js b/js/parts/SvgRenderer.js
index 1f8b71d..fcc629d 100644
--- a/js/parts/SvgRenderer.js
+++ b/js/parts/SvgRenderer.js
@@ -10,7 +10,7 @@ SVGElement.prototype = {
opacity: 1,
// For labels, these CSS properties are applied to the <text> node directly
textProps: ['fontSize', 'fontWeight', 'fontFamily', 'fontStyle', 'color',
- 'lineHeight', 'width', 'textDecoration', 'textShadow'],
+ 'lineHeight', 'width', 'textDecoration', 'textOverflow', 'textShadow'],
/**
* Initialize the SVG renderer
μ¬κΈ° (http://jsfiddle.net/CjgLg/13/)μμ μλ° μ€ν¬λ¦½νΈλ₯Ό μλνκ³ λ€μμ μ»μ΅λλ€.
μ‘νμ§ μμ TypeError: $(...).resizableμ ν¨μκ° μλλλ€.
resizable
λ©μλμλ jQuery UIκ° νμν©λλ€.
μ... μ΄ 2κ°(jquery-ui.css λ° jquery-ui.min.js)λ₯Ό κ°μ Έμκ³ μ΄μ μ μλν©λλ€. κ°μ¬ν©λλ€!
λ°μ΄ν° λ μ΄λΈλ μ립λλ€.
μ€μν μ루μ μ΄ μμ μ°¨νΈμ ꡬνλλ κ²½μ° +1μ λλ€.
μ΄ λ¬Έμ κ° μ’ λ£λ μ΄μ λ 무μμ λκΉ? 2011λ μ μμνμ§λ§ 2017λ μλ μ¬μ ν μ΄ λ¬Έμ κ° μμ΅λλ€.
μ΄κ²μ μ¬μ ν ββμΌμ΄λλ€
λ²μ 5.0.11μ μ¬μ©νκ³ μμ΅λλ€.
κ·Έλ¦¬κ³ κ·Έκ²μ μ¬μ ν ββλλ μ°¨νΈμμ μΌμ΄λκ³ μμ΅λλ€.
κ°μ₯ μ μ©ν λκΈ
μ΄ λ¬Έμ κ° μ’ λ£λ μ΄μ λ 무μμ λκΉ? 2011λ μ μμνμ§λ§ 2017λ μλ μ¬μ ν μ΄ λ¬Έμ κ° μμ΅λλ€.