如何自定义FusionCharts图表上的工具提示
2014-12-02 · 知道合伙人数码行家
huanglenzhi
知道合伙人数码行家
向TA提问 私信TA
知道合伙人数码行家
采纳数:117538
获赞数:517181
长期从事计算机组装,维护,网络组建及管理。对计算机硬件、操作系统安装、典型网络设备具有详细认知。
向TA提问 私信TA
关注
展开全部
单系列图表(饼图和圆环除外):名称及数值
Pie & Doughnut:名称及数值/百分比
多系列组合图表:系列名称,类别名称,数据值
如何禁用FusionCharts图表中的工具提示?
你可以通过设置showToolTip='0'来禁用工具提示。
例如:
<chart showToolTip='0'...>
如何在FusionCharts图表中设置数据点的自定义文本?
你可以利用<set>元素中的tooltext属性来为数据点设置自定义工具提示。
例如:
<chart caption='Monthly Revenue' xAxisName='Month'
yAxisName='Revenue' numberPrefix='$ showValues='0'>
<set label='Jan' value='220000' toolText='Highest'/>
<set label='Feb' value='90000' />
...
</chart>
结果如下:
如何自定义FusionCharts图表的背景色和边框颜色?
你可以利用<chart>元素中的toolTipBorderColor 属性和toolTipBgColor属性来自定义背景色和边框颜色。颜色不应该包括'#'符号。
例如:
<chart ... toolTipBorderColor='6D86D5' toolTipBgColor='F7D7D1' >
结果如下:
如何利用样式来指定FusionCharts图表中工具提示文本的字体样式?
使用样式,您可以设置图表中不同文本的个别字体属性。
例如:
在给定的XML中,我们利用样式定义了工具提示中的字体属性。
<chart caption='Quarterly Sales Summary' subcaption='Figures in
xAxisName='Quarter' yAxisName='Sales' showValues='0' >
<set label='Qtr 1' value='420500' />
<set label='Qtr 2' value='295400' />
<set label='Qtr 3' value='523400' />
<set label='Qtr 4' value='465400' />
<styles>
<definition>
<style name='myToolTipFont' type='font'
font='Verdana' size='12' color='C57B64'/>
</definition>
<application>
<apply toObject='ToolTip' styles='myToolTipFont' />
</application>
</styles>
</chart>
如何在FusionCharts图表中显示多行工具提示?
FusionCharts v3 允许您利用细微的手动添加多行提示工具,例如:
<chart>
<set label='John' value='420' tooltext='John Miller{br}Score: 420{br}Rank:2'/>
<set label='Mary' value='295' tooltext='Mary Evans{br}Score: 295{br}Rank:3'/>
<set label='Tom' value='523' tooltext='Tom Bowler{br}Score: 523{br}Rank:1'/>
</chart>
在上面的XML中,我们用伪代码{BR},在工具提示中添加一个换行符。 转载
Pie & Doughnut:名称及数值/百分比
多系列组合图表:系列名称,类别名称,数据值
如何禁用FusionCharts图表中的工具提示?
你可以通过设置showToolTip='0'来禁用工具提示。
例如:
<chart showToolTip='0'...>
如何在FusionCharts图表中设置数据点的自定义文本?
你可以利用<set>元素中的tooltext属性来为数据点设置自定义工具提示。
例如:
<chart caption='Monthly Revenue' xAxisName='Month'
yAxisName='Revenue' numberPrefix='$ showValues='0'>
<set label='Jan' value='220000' toolText='Highest'/>
<set label='Feb' value='90000' />
...
</chart>
结果如下:
如何自定义FusionCharts图表的背景色和边框颜色?
你可以利用<chart>元素中的toolTipBorderColor 属性和toolTipBgColor属性来自定义背景色和边框颜色。颜色不应该包括'#'符号。
例如:
<chart ... toolTipBorderColor='6D86D5' toolTipBgColor='F7D7D1' >
结果如下:
如何利用样式来指定FusionCharts图表中工具提示文本的字体样式?
使用样式,您可以设置图表中不同文本的个别字体属性。
例如:
在给定的XML中,我们利用样式定义了工具提示中的字体属性。
<chart caption='Quarterly Sales Summary' subcaption='Figures in
xAxisName='Quarter' yAxisName='Sales' showValues='0' >
<set label='Qtr 1' value='420500' />
<set label='Qtr 2' value='295400' />
<set label='Qtr 3' value='523400' />
<set label='Qtr 4' value='465400' />
<styles>
<definition>
<style name='myToolTipFont' type='font'
font='Verdana' size='12' color='C57B64'/>
</definition>
<application>
<apply toObject='ToolTip' styles='myToolTipFont' />
</application>
</styles>
</chart>
如何在FusionCharts图表中显示多行工具提示?
FusionCharts v3 允许您利用细微的手动添加多行提示工具,例如:
<chart>
<set label='John' value='420' tooltext='John Miller{br}Score: 420{br}Rank:2'/>
<set label='Mary' value='295' tooltext='Mary Evans{br}Score: 295{br}Rank:3'/>
<set label='Tom' value='523' tooltext='Tom Bowler{br}Score: 523{br}Rank:1'/>
</chart>
在上面的XML中,我们用伪代码{BR},在工具提示中添加一个换行符。 转载
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
光点科技
2023-08-15 广告
2023-08-15 广告
通常情况下,我们会按照结构模型把系统产生的数据分为三种类型:结构化数据、半结构化数据和非结构化数据。结构化数据,即行数据,是存储在数据库里,可以用二维表结构来逻辑表达实现的数据。最常见的就是数字数据和文本数据,它们可以某种标准格式存在于文件...
点击进入详情页
本回答由光点科技提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询