Javascript 如何将刻度盘设置为角规融合图中的输入值
我正在使用fusion图表库。在这方面,我在报告中使用了角规图表。我面临的问题与拨号,这是自动设置的融合图表库的基础上拨号值,我们传递给它 它将最小值和最大值分成4个等分并显示。我想覆盖它。我想显示我们给出的每个部分的最大值 电流输出: 预期产出: 我的代码在这里:Javascript 如何将刻度盘设置为角规融合图中的输入值,javascript,angularjs,fusioncharts,Javascript,Angularjs,Fusioncharts,我正在使用fusion图表库。在这方面,我在报告中使用了角规图表。我面临的问题与拨号,这是自动设置的融合图表库的基础上拨号值,我们传递给它 它将最小值和最大值分成4个等分并显示。我想覆盖它。我想显示我们给出的每个部分的最大值 电流输出: 预期产出: 我的代码在这里: var bw1 = parseInt($('.ideal_weight_graph').data('ideal1'));//46 var bw2 = parseInt($('.ideal_weight_graph').d
var bw1 = parseInt($('.ideal_weight_graph').data('ideal1'));//46
var bw2 = parseInt($('.ideal_weight_graph').data('ideal2'));//62
var bw = parseInt($('.ideal_weight_graph').data('weight'));//53
var bw3 = bw2 + bw1;
var fusioncharts = new FusionCharts({
type : 'angulargauge',
renderAt : 'ideal_weight_graph',
width : '400',
height : '250',
dataFormat : 'json',
dataSource : {
"chart" : {
"caption" : "Your weight for your gender and age",
"lowerLimit" : 0,
"upperLimit" : bw3,
"lowerLimitDisplay" : "Under weight",
"middleLimitDisplay" : "Normal weight",
"upperLimitDisplay" : "Over weight",
"showValue" : "1",
"valueBelowPivot" : "1",
"theme" : "fint",
showGaugeBorder : "1"
},
"colorRange" : {
"color" : [{
"minValue" : 0,
"maxValue" : bw1,
"code" : "#e44a00"
}, {
"minValue" : bw1,
"maxValue" : bw2,
"code" : "#00CC00"
}, {
"minValue" : bw2,
"maxValue" : bw3,
"code" : "#f8bd19"
}]
},
"dials" : {
"dial" : [{
"value" : bw
}]
}
}
});
fusioncharts.render();
@Shanthi您可以通过使用FusionCharts角规的“趋势点”功能来达到您的要求 是符合您要求的工作样品
<!-- A simple angular gauge showing customer satisfaction index for Harry's Supermart.
Elements :
1. Color Range (Radial scale)
2. Dials (Data Value Indicators)
3. Tick Marks & Values
4. Tooltip
5. Trend points, trend arcs & trend markers
6. Annotations
-->
<div id="chart-container">FusionCharts will render here</div>
FusionCharts将在此处渲染
如果您还有其他问题,请告诉我 你能提供一个小提琴链接吗?有没有办法隐藏角度规中的默认点?@Shanthi是的,你可以通过向“showTickValues”属性提供值“0”来实现,并通过向“showLimits”提供值“1”来启用可见的极值点值。但是,当“showTickValues”的值为“0”时,“showLimits”现在似乎不起作用。谢谢!:)