score:2
Accepted answer
I think your data is incorrect for the x-axis where you are trying to put your icon.
You have been using
// Populate the event series based on data in events object
eventChartOptions.options.series.push(
{
data: [[174.0, 65.6]] ,
marker: {
symbol: 'text:\uf183' // fa-male
},
icon: '\uf183',
name: 'Male',
color: 'rgba(119, 152, 191, 0.6)'
}
);
Which indicates a value of 65.4
which is nowhere near the ranges defined for the other axis such as 1390219200000
Changing to
// Populate the event series based on data in events object
eventChartOptions.options.series.push({
data: [
[174.0, 1390219200000]
],
marker: {
symbol: 'text:\uf183' // fa-male
},
icon: '\uf183',
name: 'Male',
color: 'rgba(119, 152, 191, 0.6)'
});
Does render the man albeit at 90 degrees?!
Source: stackoverflow.com
Related Articles
- Highcharts with Icon Markers Plugin isn't rendering FontAwesome points
- Resize data points with highcharts
- Highcharts doesn't display series with lots of data points
- Highcharts scatter plot with lots of data points running really slow
- highcharts with null data points
- Wrong alignment in highcharts datetime points with xaxis
- Highcharts - Global configuration with common code and unique data & Headings
- creating a bar chart using Highcharts with React - getting an error that rendering div isn't found
- Highcharts with boost not rendering correctly at small intervals
- Display multiple points with exact same value in scatter HighCharts
- passing formatting JavaScript code to HighCharts with JSON
- HIghcharts column graph with more than 50 data points
- Highcharts line chart all points disappear when have more than one points with same X Axis
- Rendering more than one chart with Highcharts using Angular js Directives
- Dynamic Highcharts with maximum xaxis points
- Why Markers points are not aligned with yAxis in Highcharts?
- Highcharts type flags with custom legend icon
- highcharts no point markers but show single point or discontinous points
- Don't connect points with value 0 in highcharts
- Highcharts pie rendering in conflict with legend
- Highcharts area charts with single data, not rendering
- Plot a bar graph using Highcharts drilldown with two different JSON end points
- Dynamically graph points with Highcharts
- Highcharts not rendering properly with too many series
- How can I specify custom end markers in a scatter series with Highcharts 9?
- Highcharts Synchronized charts with missing data points
- Highcharts series visibility with csv data source
- Fill area beneath scatter points with color in Highcharts 3d scatter plot
- Using JSON data with the jQuery highcharts plugin
- Issue with Highcharts not rendering in Durandal/Hot Towel Template
- Customise Sankey Highcharts marker and link width
- Generate a line chart over column chart using highcharts
- highcharts donut pie - How to calculate pie size percentages after resize the chart
- path issue of package.json during build
- stockChart is not defined(…)
- AngularJs choose charts framework d3.js vs highcharts
- Rails 3.1 SQL sum only negative numbers
- Highcharts Ganttchart (or XRange) group y-Axis elements
- Locking the zoom in on Mapview?
- How to change alignment of Highchart tooltip?
- Merge two or more graphs using library
- Issue with closing angular ui bootstrap modal
- How to remove text which was added via chart.renderer in Highcharts
- How to set columnrange width to expand the length of the x-axis in multiple data series in Highcharts
- HighCharts - data from different intervals in one xAxis (hide second xAxis)
- HighCharts Place Label on Bar
- Unable to render SVG as dataURI in Highcharts marker
- How to click in a serie area chart below another serie area chart in HighCharts?
- Highcharts putting extra space among legend items
- Line graph is not showing data from database