Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
45
Pick x-axis and y-axis columns
posted

Hi,
I've been using the Ignite UI Charts for angular.

I noticed that in the category chart, there is no way to pick specific x-axis or y-axis from the data set

const usaMedals: any = [
{ Year: "1996", UnitedStates: 148 },
{ Year: "2000", UnitedStates: 142 },
{ Year: "2004", UnitedStates: 134 },
{ Year: "2008", UnitedStates: 131 },
{ Year: "2012", UnitedStates: 135 },
{ Year: "2016", UnitedStates: 146 }
];
<igx-category-chart height="98%" width="98%"
[dataSource]="data"
[chartType]="Line"
chartTitle="Olympic Medals By Country"
>
</igx-category-chart>
So i am wondering is there any way to specify the X-axis and Y-axis if the date set has more than one string column or a numeric column I do not want to pick. By  default 'sampleString' is ignored and cannot ignore 'unwantedNumeric' column. 
const usaMedals: any = [
{ Year: "1996", UnitedStates: 148, sampleString: 'a', unwantedNumeric: 1 },
{ Year: "2000", UnitedStates: 142, sampleString: 'b', unwantedNumeric: 2 },
{ Year: "2004", UnitedStates: 134, sampleString: 'c', unwantedNumeric: 3 },
{ Year: "2008", UnitedStates: 131, sampleString: 'd', unwantedNumeric: 4 },
{ Year: "2012", UnitedStates: 135, sampleString: 'e', unwantedNumeric: 5 },
{ Year: "2016", UnitedStates: 146, sampleString: 'f', unwantedNumeric: 6}
];
I also noticed that in the Pie or Doughnut Chart if a certain value is less compared to the rest, it will be totally ignored.
this.data = [
{ Label: "Administration", Value: 200 },
{ Label: "Sales", Value: 2 },
{ Label: "IT", Value: 300 },
{ Label: "Marketing", Value: 800 },
{ Label: "Development", Value: 400 },
{ Label: "Customer Support", Value: 600 }
];
The legend feature does not work for both the Doughnut and Pie charts.
this.dataLine = [
{ Label: "Administration", Value: 200 },
{ Label: "Sales", Value: 200 }
];
The last query I had is regarding the Area Charts(Line/Spline) if two rows have an exact same value. Ex: 'Column One', 'Column Two'. Then 'Column One' is overlapped by 'Column Two' and the hover then cannot display the 'Column Two' tool-tip. How do i overcome this drawback?