Skip to content

Version 0.4.0 break pie chart #2

@cjohn001

Description

@cjohn001

Just had a look at the new version. It breaks quite a couple of charts. For example the pie chart given below is completely broken:

private _chartOptions: any = {
		chart: {
			type: 'pie',
			backgroundColor: 'rgba(0,0,0,0)',
			options3d: {
				enabled: true,
				alpha: 65,
				beta: 0
			},
			marginTop: 0,
			marginBottom: 15,
			marginLeft: 15,
			marginRight: 15
		},
		tooltip: {
			// headerFormat: '',
			valueSuffix: ' %',
			shared: false,
			followTouchMove: false
		},
		legend: {
			layout: 'horizontal',
			align: 'center',
			verticalAlign: 'bottom',
			y: 8,
			floating: true,
			enabled: true,
			itemStyle: {
				color: '#6E6E6E',
				fontSize: '12px',
				fontWeight: 'normal'
			},
			useHTML: true,
			// tslint:disable-next-line: quotemark
			labelFormatter: "function () {return '<span>' + this.name + '</span>';}"
		},

		exporting: {
			enabled: false
		},
		credits: {
			enabled: false
		},
		title: {
			text: '',
			floating: true,
			style: {
				color: '#377576',
				fontSize: '14px',
				fontWeight: 'bold'
			}
		},
		plotOptions: {
			pie: {
				dataLabels: {
					enabled: true,
					useHTML: true,
					distance: 10,
					formatter:
						// tslint:disable-next-line: quotemark
						"function () { return '<span style=\"font-size:12px; color:#6E6E6E;margin-bottom:20px; font-weight: normal;\">' + this.y + '%</span>';}"
				},
				allowPointSelect: false,
				depth: 15,
				showInLegend: true
			}
		},
		series: [
			{
				type: 'pie',
				name: '',
				enableMouseTracking: true,
				keys: ['name', 'y', 'color'],
				data: [
					['Dietary Fiber', 33.3, '#e4b601'],
					['Sugar', 33.3, '#e63e11'],
					['Other', 33.3, '#85bb2f']
				]
			}
		]
	};

@NathanWalker : Unfortunately, I cannot see the old source code in the repo. Have you updated the underlaying highcharts library? I mean than issues might also arise from changed highcharts interfaces.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions