刻度表示块的位置。
[0047]在本实施例中，指标表示块我们使用一个长和宽分别是50像素的图片和图片下面的指标名称文字来表示；口径刻度表示块，我们使用一个长和宽分别是30像素的图片和图片下面的刻度名称文字来表示。指标表示块与刻度表示块之间的间隙设置成85像素。
[0048]对于居中原则，即待呈现的指标表示块和各刻度表示块作为一个呈现的整体，应尽量呈现在表达容器的水平方向和垂直方向的中央部分，对于指标表示块本身，也应尽量呈现在表达容器的中间位置附近；对于对称原则，即各个刻度表示块以指标表示块为中心，尽量对称排列。
[0049]本实施例中，我们采用以指标表示块中心点为圆心，以指标表示块边长的一半(25像素)和刻度表示块边长的一半(15像素)之和再加一个85像素的间隙为半径的、正放的正三角形的外接圆方式，将三个刻度表示块排列在指标表示块周围的这个正三角形的三个顶点上。
[0050]正三角形外接圆的圆心X = 150, y = 200，半径 r = 50 + 2 + 85 + 30 + 2 = 125。
[0051]指标表示块呈现位置X = (300 — 50) +2 = 125，y = (400 — 50) +2 = 175。
[0052]“四川”刻度表示块在正3角形顶点上，X坐标=(表达容器宽度一刻度表示块宽度)+2 = (300 — 30) +2 = 135。
[0053]“四川”刻度表示块的y坐标=指标表示块Y坐标一指标表示块与刻度表示块之间的垂直方向的间隙一刻度表示块高度=200 - 125 - 15 = 60。
[0054]“2013年”刻度表示块:x坐标=圆心X坐标一刻度表示块中心与圆心的水平距离一刻度表示块宽度的一半=150 - 125Xcos (30) - 15 ^ 27。
[0055]“2013年”刻度表示块的y坐标=圆心y坐标+刻度表示块中心与圆心的垂直距离+刻度表示块高度的一半=200 + 125Xsin (30) + 15 ^ 277。
[0056]“工业”刻度表示块的X坐标=圆心X坐标+刻度表示块中心与圆心的水平距离+刻度表示块宽度的一半=150 + 125Xcos (30) + 15 ^ 273。
[0057]“工业”刻度表示块的y坐标=圆心y坐标+刻度表示块中心与圆心的垂直距离+刻度表示块高度的一半=200 + 125Xsin (30) + 15 ^ 277。
[0058]图3是实施例一计算和呈现指标表示块和各刻度表示块位置的示意图。
[0059]0301是实施例一计算和绘制指标的位置点，x=125, y=175。
[0060]0302是实施例一计算和绘制“四川”刻度的位置点，x=135, y=60。
[0061]0303是实施例一计算和绘制“2013年”刻度的位置点，x=27, y=277。
[0062]0304是实施例一计算和绘制“工业”刻度的位置点，x=273, y=277。
[0063]对于方法中的步骤2或装置中的绘制模块中提到的，在表达容器中，绘制指标表示块和口径刻度表示块。
[0064]所述的表达容器，是绑定了加入刻度事件的、用于绘制指标表示块和各个刻度表不块的表达容器。
[0065]所述加入刻度事件，其响应动作包括:根据包括已呈现的刻度表示块个数的数据，按包括图形居中原则和图形对称原则的计算原则，采用解析几何的方法，计算待加入的刻度表示块的绘制位置；依据计算的所述绘制位置绘制所述的待加入的刻度表示块；在指标表示块的名称中加上待加入的刻度的名称。
[0066]加入刻度的请求，是一个外部请求，与本方法或装置无关。本方法或装置只对加入刻度的请求做出响应。
[0067]在本实施例中，调用一个JavaScript函数作为其响应动作,这个JavaScript函数执行下述动作:采用与上述计算相同的算法，计算新刻度表示块的呈现位置；在表达容器中绘制这个刻度表示块；在指标表示块的名称中加上待加入的刻度的名称。
[0068]图4是实施例一加入刻度表示块的示意图。
[0069]0401是实施例一加入的刻度:“规模以上”刻度。
[0070]0402是实施例一加入刻度后的指标，加入刻度后，指标名称由加入前的“四川2013年工业⑶P”改变成:“规模以上四川2013年工业⑶P”。
[0071]对于方法中的步骤2或装置中的绘制模块中稍后提到的，在所述的指标表示块和刻度表示块上，均绑定了拖拽事件；且所述拖拽事件的触发条件，是接收到输入装置发生在该所述表示块上的拖拽的请求，拖拽事件的响应动作包括:在表达容器中，按输入的拖拽轨迹改变该所述表示块呈现的位置。
[0072]在本实施例中，“四川2013年工业⑶P”指标表示块〈DIVX/DIV〉和三个刻度表示块中均分别绑定了一个相同的拖拽事件:调用一个执行上述拖拽动作的JavaScript函数。例如当拖拽“四川2013年工业⑶P”指标表示块时，将“四川2013年工业⑶P”指标表示块移动到拖拽的新位置；又如当拖拽“四川”刻度表示块时将“四川”刻度表示块移动到拖拽的新位置。
[0073]图5是实施例一拖拽指标表TJK块和刻度表TJK块的TJK意图。
[0074]0501是实施例一拖拽的指标表示块。
[0075]0502是实施例一拖拽的指标表示块的拖拽起点。
[0076]0503是实施例一拖拽的指标表示块的拖拽轨迹。
[0077]0504是实施例一拖拽的刻度表示块。
[0078]0505是实施例一拖拽的刻度表示块的拖拽起点。
[0079]0506是实施例一拖拽的刻度表示块的拖拽轨迹。
[0080]对于方法中的步骤2或装置中的绘制模块中稍后提到的，在所述的刻度表示块，还绑定了移除口径刻度事件；且所述移除口径刻度事件的触发条件，是接收到输入装置发生在该所述刻度表示块之上的一个输入的请求，所述移除口径刻度事件的响应动作包括:在表达容器中，移除该所述刻度表示块；在指标表示块的名称中去掉该所述刻度的名称。
[0081]在本实施例中，刻度表示块〈DIVX/DIV〉中还绑定了移除口径刻度事件。本实施例设置此触发条件为双击刻度表示块，即双击口径刻度表示块时，调用从表达容器中移除所双击的“规模以上”刻度表示块的JavaScript函数，以执行该所述事件的响应动作:移除“规模以上”刻度表示块；指标名称由移除前“四川2013年规模以上工业⑶P”变为“四川2013年工业⑶P”。
[0082]图6是实施例一双击刻度表TJK块移除的TJK意图。
[0083]0601是实施例一待移除的刻度表TJK块。
[0084]0602是实施例一在移除的刻度表示块上的双击点。
[0085]实施例二。
[0086]我们用HTML和JavaScript来实现这个实施例。所述的表达容器是HTML页面中的〈DIVX/DIV〉包括的500X600像素的区域。
[0087]对于方法中的步骤I或装置中的计算模块中提到的，根据待表达的指标的数据集合，按包括图形居中原则和图形对称原则的计算原则，采用解析几何的方法，计算待绘制的指标表示块的位置，和指标中待绘制的各个刻度表示块的位置。
[0088]在本实施例中，指标表示块我们使用一个长和宽分别是60像素的有边框的内部有指标名称文字的正方形块来表示；口径刻度表示块，我们使用一个长和宽分别是40的有边框的内部有刻度名称文字的正方形块来表示。
[0089]在本实施例中，我们采用指标表示块在上、各刻度表示块排列在指标表示块下方的排列方式。
[0090]对于居中原则，即待呈现的指标表示块和各刻度表示块作为一个呈现的整体，应尽量呈现在表达容器的水平方向和垂直方向的中央部分，对于指标表示块本身，也应尽量呈现在表达容器的中间位置附近。
[0091 ] 对于“四川2013年规模以上工业⑶P ”这个指标，共有4个口径刻度，按照上述排列方式，指标表示块呈现位置应在表达容器的X坐标=(表达容器宽度一指标表示块宽度)+ 2=(500 — 60) +2 = 220，y坐标=(表达容器高度-指标表示块高度一刻度表示块高度一指标表示块与刻度表示块之间的垂直方向的间隙)=(600 - 60 - 40 - 30)/2 = 235处。
[0092]按照上述排列方式和各个刻度表示块尽量以指标表示块为中心对称排列的对称原则，各个刻度表示块的绘制位置计算如下。
[0093]“四川”刻度:x坐标=(表达容器宽度一刻度个数X刻度表示块宽度一(刻度个数一I) X刻度表示块水平方向之间的间隙)+2 =(500 - 4X40 — 3X30) +2 = 125。
[0094]“四川”刻度:y坐标=指标表示块Y坐标+指标表示块高度+指标表示块与刻度表示块之间的垂直方向的间隙=235 + 60 + 30 = 325。
[0095]“2013年”刻度:x坐标=“四川”刻度的X坐标+刻度表示块宽度+刻度表示块水平方向之间的间隙=125 + 40 + 30 = 195。
[0096]“2013年”刻度的y坐标=“四川”刻度的y坐标=325。
[0097]“规模