You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by GitBox <gi...@apache.org> on 2019/10/25 09:36:17 UTC
[GitHub] [incubator-echarts] rkvignesh commented on issue #11489: Chart
misbehavior while changing type
rkvignesh commented on issue #11489: Chart misbehavior while changing type
URL: https://github.com/apache/incubator-echarts/issues/11489#issuecomment-546281818
Still having the issue` if (properties.GraphSettings.series[0].type == 'column') {
var option = {
xAxis: {
type: 'category',
data: category,
name: properties.GraphSettings.axes[0].title,
nameLocation: 'middle',
nameGap: properties.GraphSettings.axes[0].titleBottomMargin == 0 ? 40 : properties.GraphSettings.axes[0].titleBottomMargin,
nameRotate: properties.GraphSettings.axes[0].titleAngle,
inverse: properties.GraphSettings.axes[0].isInverted == "false" ? false : true,
nameTextStyle: {
fontWeight: 'bold',
fontSize: 15
},
axisLabel: {
interval: 0,
rotate: properties.GraphSettings.axes[0].labelAngle,
margin: properties.GraphSettings.axes[0].labelBottomMargin <= 10 ? 10 : properties.GraphSettings.axes[0].labelBottomMargin,
color: properties.GraphSettings.axes[0].labelTextColor == "" ? "black" : properties.GraphSettings.axes[0].labelTextColor,
formatter: function (value) {
var text = value;
if (text.length > 10) {
text = text.substring(0, 10);
text = text + '...'
}
return text;
}
},
axisTick: {
alignWithLabel: true
}
},
yAxis: {
type: 'value',
name: properties.GraphSettings.axes[1].title,
nameLocation: 'middle',
nameGap: properties.GraphSettings.axes[1].titleLeftMargin == 0 ? 40 : properties.GraphSettings.axes[1].titleLeftMargin,
nameRotate: properties.GraphSettings.axes[1].titleAngle,
inverse: properties.GraphSettings.axes[1].isInverted == "false" ? false : true,
nameTextStyle: {
fontWeight: 'bold',
fontSize: 15
},
axisLabel: {
interval: 0,
rotate: properties.GraphSettings.axes[1].labelAngle,
margin: properties.GraphSettings.axes[1].labelLeftMargin <= 10 ? 10 : properties.GraphSettings.axes[1].labelLeftMargin,
color: properties.GraphSettings.axes[1].labelTextColor == "" ? "black" : properties.GraphSettings.axes[0].labelTextColor,
},
axisTick: {
alignWithLabel: true
}
},
grid: {
top: properties.GraphSettings.margin.topMargin == 0 ? 60 : properties.GraphSettings.margin.topMargin,
bottom: properties.GraphSettings.margin.bottomMargin == 0 ? 60 : properties.GraphSettings.margin.bottomMargin,
left: properties.GraphSettings.margin.leftMargin == 0 ? '10%' : properties.GraphSettings.margin.leftMargin,
right: properties.GraphSettings.margin.rightMargin == 0 ? '10%' : properties.GraphSettings.margin.rightMargin,
height: properties.GraphSettings.size.height == 0 ? "auto" : properties.GraphSettings.size.height
},
title: {
text: properties.GraphSettings.title.title,
textStyle: {
color: properties.GraphSettings.title.titleTextColor,
fontFamily: properties.GraphSettings.title.titleTextStyle == "" ? 'sans-serif' : properties.GraphSettings.title.titleTextStyle
},
subtext: properties.GraphSettings.title.subtitle,
subtextStyle: {
color: properties.GraphSettings.title.subtitleTextColor
},
top: properties.GraphSettings.margin.titletopMargin == 0 ? 'auto' : properties.GraphSettings.margin.titletopMargin,
left: properties.GraphSettings.margin.titleLeftMargin == 0 ? 'auto' : properties.GraphSettings.margin.titleLeftMargin,
bottom: properties.GraphSettings.margin.titlebottomMargin == 0 ? 'auto' : properties.GraphSettings.margin.titlebottomMargin,
right: properties.GraphSettings.margin.titlerightMargin == 0 ? 'auto' : properties.GraphSettings.margin.titlerightMargin
},
tooltip: {
trigger: 'axis',
show: true,
axisPointer: {
type: 'shadow'
}
},
color: properties.GraphSettings.brushes,
series: [{
name: properties.GraphSettings.series[0].title,
data: values,
type: 'bar'
}]
}
}
if (properties.GraphSettings.series[0].type == 'radialLine') {
var option = {
radiusAxis: {
type: 'category',
data: category,
z: 10,
name: properties.GraphSettings.axes[0].title,
nameLocation: 'middle',
nameGap: properties.GraphSettings.axes[0].titleBottomMargin == 0 ? 20 : properties.GraphSettings.axes[0].titleBottomMargin,
nameRotate: properties.GraphSettings.axes[0].titleAngle,
nameTextStyle: {
fontWeight: 'bold',
fontSize: 16
},
inverse: properties.GraphSettings.axes[0].isInverted == "false" ? false : true,
axisLabel: {
interval: 0,
rotate: properties.GraphSettings.axes[0].labelAngle,
margin: properties.GraphSettings.axes[0].labelBottomMargin <= 10 ? 10 : properties.GraphSettings.axes[0].labelBottomMargin,
color: properties.GraphSettings.axes[0].labelTextColor == "" ? "black" : properties.GraphSettings.axes[0].labelTextColor,
formatter: function (value) {
var text = value;
if (text.length > 10) {
text = text.substring(0, 10);
text = text + '...'
}
return text;
}
},
axisTick: {
alignWithLabel: true
}
},
angleAxis: {
},
polar: {
},
title: {
text: properties.GraphSettings.title.title,
textStyle: {
color: properties.GraphSettings.title.titleTextColor,
fontFamily: properties.GraphSettings.title.titleTextStyle == "" ? 'sans-serif' : properties.GraphSettings.title.titleTextStyle
},
subtext: properties.GraphSettings.title.subtitle,
subtextStyle: {
color: properties.GraphSettings.title.subtitleTextColor
},
top: properties.GraphSettings.margin.titletopMargin == 0 ? 'auto' : properties.GraphSettings.margin.titletopMargin,
left: properties.GraphSettings.margin.titleLeftMargin == 0 ? 'auto' : properties.GraphSettings.margin.titleLeftMargin,
bottom: properties.GraphSettings.margin.titlebottomMargin == 0 ? 'auto' : properties.GraphSettings.margin.titlebottomMargin,
right: properties.GraphSettings.margin.titlerightMargin == 0 ? 'auto' : properties.GraphSettings.margin.titlerightMargin
},
tooltip: {
trigger: 'axis',
show: true,
axisPointer: {
type: 'shadow'
}
},
color: properties.GraphSettings.brushes,
series: [{
name: properties.GraphSettings.series[0].title,
data: values,
type: 'bar',
coordinateSystem: 'polar'
}]
}
}
if (properties.GraphSettings.series[0].type == 'polarLine') {
var option = {
angleAxis: {
type: 'category',
data: category,
name: properties.GraphSettings.axes[0].title,
nameLocation: 'middle',
nameGap: properties.GraphSettings.axes[0].titleBottomMargin == 0 ? 20 : properties.GraphSettings.axes[0].titleBottomMargin,
nameRotate: properties.GraphSettings.axes[0].titleAngle,
nameTextStyle: {
fontWeight: 'bold',
fontSize: 16
},
inverse: properties.GraphSettings.axes[0].isInverted == "false" ? false : true,
axisLabel: {
interval: 0,
rotate: properties.GraphSettings.axes[0].labelAngle,
margin: properties.GraphSettings.axes[0].labelBottomMargin <= 10 ? 10 : properties.GraphSettings.axes[0].labelBottomMargin,
color: properties.GraphSettings.axes[0].labelTextColor == "" ? "black" : properties.GraphSettings.axes[0].labelTextColor,
formatter: function (value) {
var text = value;
if (text.length > 10) {
text = text.substring(0, 10);
text = text + '...'
}
return text;
}
},
axisTick: {
alignWithLabel: true
}
},
radiusAxis: {
z: 10
},
polar: {
},
title: {
text: properties.GraphSettings.title.title,
textStyle: {
color: properties.GraphSettings.title.titleTextColor,
fontFamily: properties.GraphSettings.title.titleTextStyle == "" ? 'sans-serif' : properties.GraphSettings.title.titleTextStyle
},
subtext: properties.GraphSettings.title.subtitle,
subtextStyle: {
color: properties.GraphSettings.title.subtitleTextColor
},
top: properties.GraphSettings.margin.titletopMargin == 0 ? 'auto' : properties.GraphSettings.margin.titletopMargin,
left: properties.GraphSettings.margin.titleLeftMargin == 0 ? 'auto' : properties.GraphSettings.margin.titleLeftMargin,
bottom: properties.GraphSettings.margin.titlebottomMargin == 0 ? 'auto' : properties.GraphSettings.margin.titlebottomMargin,
right: properties.GraphSettings.margin.titlerightMargin == 0 ? 'auto' : properties.GraphSettings.margin.titlerightMargin
},
tooltip: {
trigger: 'axis',
show: true,
axisPointer: {
type: 'shadow'
}
},
color: properties.GraphSettings.brushes,
series: [{
name: properties.GraphSettings.series[0].title,
data: values,
type: 'bar',
coordinateSystem: 'polar'
}]
}
}
myChart.setOption(option, {notMerge: true});
![Chart Misbehaviour](https://user-images.githubusercontent.com/53811429/67560663-f90b3000-f738-11e9-80be-192e5f67a5e5.PNG)
`
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
With regards,
Apache Git Services
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org