Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
import React from 'react';
import Highcharts from 'highcharts';
import Highcharts3d from 'highcharts/highcharts-3d'; //necessary for 'scatter3d' series type
import HighchartsReact from 'highcharts-react-official';
Highcharts3d(Highcharts);
//TODO:DM - how to make this next block of Highcharts event grabbing better fit into react app
setTimeout(function () {
let chart;
function dragStart(chart) {
return (eStart) => {
eStart = chart.pointer.normalize(eStart);
var posX = eStart.chartX,
posY = eStart.chartY,
alpha = chart.options.chart.options3d.alpha,
beta = chart.options.chart.options3d.beta,
sensitivity = 5, // lower is more sensitive
handlers = [];
import 'echarts/lib/component/toolbox'
import 'echarts/lib/component/markPoint'
import 'echarts/lib/chart/bar'
import Highcharts from 'highcharts/highstock';
import HighchartsMore from 'highcharts/highcharts-more';
import HighchartsDrilldown from 'highcharts/modules/drilldown';
import Highcharts3D from 'highcharts/highcharts-3d';
import Exporting from 'highcharts/modules/exporting';
import Variabled from 'highcharts/modules/variable-pie.js';
import isMobile from './../../utils/isMobile';
import {cloneDeep} from "lodash";
HighchartsMore(Highcharts)
HighchartsDrilldown(Highcharts);
Highcharts3D(Highcharts);
Exporting(Highcharts);
Variabled(Highcharts)
export class SupplyAreaHighChart extends React.Component {
constructor(props) {
super(props)
this.myChart = null;
let id = ('_' + Math.random()).replace('.', '_');
this.state = {
areaId: 'areaBtt' + id
}
}
initArea(id) {
let total = 990000000000;
let _config = cloneDeep(config.supplyAreaHighChart);
import _ from 'lodash'
import Vue from 'vue'
import Review from '@/services/Review'
import Teacher from '@/services/Teacher'
import Subjects from '@/services/Subjects'
import Comment from '@/services/Comment'
import ErrorMessage from '@/helpers/ErrorMessage'
import Flatten from '@/helpers/Flatten'
import WelcomeReview from '@/components/Reviews/Welcome'
import NoReviewsFound from '@/components/Reviews/NoReviewsFound'
import TargetInfo from '@/components/Reviews/TargetInfo'
import SubjectTeachersList from '@/components/Reviews/SubjectTeachersList'
import ReviewComment from '@/components/Reviews/Comment'
import ReviewQuickComment from '@/components/Reviews/QuickComment'
Highcharts3D(Highcharts);
export default {
name: 'Reviews',
components: {
VueHighcharts,
WelcomeReview,
NoReviewsFound,
TargetInfo,
SubjectTeachersList,
ReviewComment,
ReviewQuickComment
},
data() {
return {
Highcharts,
import Highcharts from 'highcharts';
import highcharts3d from 'highcharts/highcharts-3d';
highcharts3d(Highcharts);
export default function drawColumnChart(colors) {
Highcharts.chart('charts', {
chart: {
backgroundColor: 'rgba(255, 255, 255, 0)',
type: 'column',
margin: 75,
options3d: {
enabled: true,
alpha: 15,
beta: 10,
depth: 50,
viewDistance: 30
}
},
import 'echarts/lib/component/tooltip'
import 'echarts/lib/component/legend'
import 'echarts/lib/component/legend/ScrollableLegendModel.js'
import 'echarts/lib/component/legend/ScrollableLegendView.js'
import 'echarts/lib/component/legend/scrollableLegendAction.js'
import {cloneDeep} from "lodash";
import Highcharts from 'highcharts/highcharts';
import HighchartsMore from 'highcharts/highcharts-more';
import HighchartsDrilldown from 'highcharts/modules/drilldown';
import Highcharts3D from 'highcharts/highcharts-3d';
import Exporting from 'highcharts/modules/exporting';
HighchartsMore(Highcharts)
HighchartsDrilldown(Highcharts);
Highcharts3D(Highcharts);
Exporting(Highcharts);
export class RingPieReact extends React.Component {
constructor(props) {
super(props)
let id = ('_' + Math.random()).replace('.', '_');
this.state = {
pieId: 'ringPie' + id
}
}
initPie(id) {
let {intl, data, message} = this.props;