是否可以使用 FusionCharts 制作发烧图表?
我试图用对角线制作一个散点图,但我需要画背景,我找不到任
法来做到这一点。此外,图表背景不能是图像,因为绘图可能会更改(n 种可能性)
如果你知道任何其他的方式来做到这一点,让我知道!
Fever Chart example:
你在寻找这样的东西使用 FusionCharts?
http://jsfiddle.net/subramaniashiva/wzcujwmr/您可以使用canvasBgColor属性并配置所需的颜色。您还可以使用this根据您的要求动态更改此属性
FusionCharts.ready(function () {
var visitChart = new FusionCharts({
type: 'line',
renderAt: 'chart-container',
width: '500',
height: '300',
dataFormat: 'json',
containerBackgroundOpacity: "0",
dataSource: {
"chart": {
"xAxisName": "% of duration consumed",
"yAxisName": "% of duration buffer consumed",
//Cosmetics
"lineThickness" : "2",
"baseFont" : "Helvetica Neue,Arial",
"bgColor": "#ffffff",
"showBorder" : "0",
"showShadow" : "0",
"showValues": "0",
"canvasBorderAlpha" : "0",
"divlineAlpha" : "100",
"divlineColor" : "#000000",
"divlineThickness" : "1",
"divLineIsDashed" : "1",
"divLineDashLen" : "1",
"divLineGapLen" : "1",
"lineColor": "#000000",
"showXAxisLine" : "0",
"showAlternateHGridColor" : "0",
"anchorRadius": "0",
"numberSuffix": "%",
"canvasBgColor": "#FF0000,#FFFF00,#00AF50",
"canvasBgAlpha": "100,100,100",
"canvasBgAngle": "45",
"canvasBgRatio": "10,50,40"
},
"data": [
{
"label": "0%",
"value": "0"
},
{
"label": "10%",
"value": "8"
},
{
"label": "20%",
"value": "16"
},
{
"label": "30%",
"value": "29"
},
{
"label": "40%",
"value": "35"
},
{
"label": "50%",
"value": "42"
},
{
"label": "60%",
"value": "57"
}
]
}
});
visitChart.render();
});
本站系公益性非盈利分享网址,本文来自用户投稿,不代表边看边学立场,如若转载,请注明出处
评论列表(71条)