onesight-charts 0.0.1

package/dist/components/tooltip/demo/line-chart.js

@@ -0,0 +1,908 @@
+import React from 'react';
+import LineChart from "../index.jsx";
+var data = [{
+  type: 'line',
+  symbol: 'emptyCircle',
+  symbolSize: 8,
+  showSymbol: false,
+  connectNulls: true,
+  lineStyle: {
+    width: 3
+  },
+  smooth: true,
+  triggerLineEvent: false,
+  emphasis: {
+    focus: 'series',
+    itemStyle: {
+      borderColor: '#358FFF',
+      borderWidth: 2,
+      color: '#fff'
+    }
+  },
+  z: 2,
+  name: 'detail_facebook',
+  data: [{
+    value: 14,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 11,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 21,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 24,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 17,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 12,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 3,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }],
+  proportion: [0.0791, 0.0618, 0.0671, 0.0879, 0.0637, 0.04, 0.0682],
+  color: '#358FFF',
+  content: {
+    cur_total: 102,
+    pre_total: 131,
+    cycle_rate: -0.22137404580152673,
+    proportion: 0.0657
+  }
+}, {
+  type: 'line',
+  symbol: 'emptyCircle',
+  symbolSize: 8,
+  showSymbol: false,
+  connectNulls: true,
+  lineStyle: {
+    width: 3
+  },
+  smooth: true,
+  triggerLineEvent: false,
+  emphasis: {
+    focus: 'series',
+    itemStyle: {
+      borderColor: '#60BCF5',
+      borderWidth: 2,
+      color: '#fff'
+    }
+  },
+  z: 2,
+  name: 'detail_twitter',
+  data: [{
+    value: 34,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 48,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 36,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 58,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 53,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 62,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 31,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }],
+  proportion: [0.1921, 0.2697, 0.115, 0.2125, 0.1985, 0.2067, 0.7045],
+  color: '#60BCF5',
+  content: {
+    cur_total: 322,
+    pre_total: 457,
+    cycle_rate: -0.29540481400437635,
+    proportion: 0.2075
+  }
+}, {
+  type: 'line',
+  symbol: 'emptyCircle',
+  symbolSize: 8,
+  showSymbol: false,
+  connectNulls: true,
+  lineStyle: {
+    width: 3
+  },
+  smooth: true,
+  triggerLineEvent: false,
+  emphasis: {
+    focus: 'series',
+    itemStyle: {
+      borderColor: '#EC798E',
+      borderWidth: 2,
+      color: '#fff'
+    }
+  },
+  z: 2,
+  name: 'detail_instagram',
+  data: [{
+    value: 80,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 56,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 136,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 109,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 91,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 80,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 4,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }],
+  proportion: [0.452, 0.3146, 0.4345, 0.3993, 0.3408, 0.2667, 0.0909],
+  color: '#EC798E',
+  content: {
+    cur_total: 556,
+    pre_total: 659,
+    cycle_rate: -0.15629742033383914,
+    proportion: 0.3582
+  }
+}, {
+  type: 'line',
+  symbol: 'emptyCircle',
+  symbolSize: 8,
+  showSymbol: false,
+  connectNulls: true,
+  lineStyle: {
+    width: 3
+  },
+  smooth: true,
+  triggerLineEvent: false,
+  emphasis: {
+    focus: 'series',
+    itemStyle: {
+      borderColor: '#4D7797',
+      borderWidth: 2,
+      color: '#fff'
+    }
+  },
+  z: 2,
+  name: 'detail_linkedin',
+  data: [{
+    value: 10,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 4,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 13,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 18,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 14,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 15,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 0,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }],
+  proportion: [0.0565, 0.0225, 0.0415, 0.0659, 0.0524, 0.05, 0],
+  color: '#4D7797',
+  content: {
+    cur_total: 74,
+    pre_total: 101,
+    cycle_rate: -0.26732673267326734,
+    proportion: 0.0477
+  }
+}, {
+  type: 'line',
+  symbol: 'emptyCircle',
+  symbolSize: 8,
+  showSymbol: false,
+  connectNulls: true,
+  lineStyle: {
+    width: 3
+  },
+  smooth: true,
+  triggerLineEvent: false,
+  emphasis: {
+    focus: 'series',
+    itemStyle: {
+      borderColor: '#FF4D4C',
+      borderWidth: 2,
+      color: '#fff'
+    }
+  },
+  z: 2,
+  name: 'detail_youtube',
+  data: [{
+    value: 1,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 0,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 0,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 0,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 0,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 0,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 0,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }],
+  proportion: [0.0056, 0, 0, 0, 0, 0, 0],
+  color: '#FF4D4C',
+  content: {
+    cur_total: 1,
+    pre_total: 4,
+    cycle_rate: -0.75,
+    proportion: 0.0006
+  }
+}, {
+  type: 'line',
+  symbol: 'emptyCircle',
+  symbolSize: 8,
+  showSymbol: false,
+  connectNulls: true,
+  lineStyle: {
+    width: 3
+  },
+  smooth: true,
+  triggerLineEvent: false,
+  emphasis: {
+    focus: 'series',
+    itemStyle: {
+      borderColor: '#4C4C4C',
+      borderWidth: 2,
+      color: '#fff'
+    }
+  },
+  z: 2,
+  name: 'detail_tiktok',
+  data: [{
+    value: 1,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 1,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 3,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 3,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 3,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 2,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 0,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }],
+  proportion: [0.0056, 0.0056, 0.0096, 0.011, 0.0112, 0.0067, 0],
+  color: '#4C4C4C',
+  content: {
+    cur_total: 13,
+    pre_total: 16,
+    cycle_rate: -0.1875,
+    proportion: 0.0084
+  }
+}, {
+  type: 'line',
+  symbol: 'emptyCircle',
+  symbolSize: 8,
+  showSymbol: false,
+  connectNulls: true,
+  lineStyle: {
+    width: 3
+  },
+  smooth: true,
+  triggerLineEvent: false,
+  emphasis: {
+    focus: 'series',
+    itemStyle: {
+      borderColor: '#529CD6',
+      borderWidth: 2,
+      color: '#fff'
+    }
+  },
+  z: 2,
+  name: 'detail_vkontakte',
+  data: [{
+    value: 33,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 50,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 97,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 60,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 79,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 125,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 6,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }],
+  proportion: [0.1864, 0.2809, 0.3099, 0.2198, 0.2959, 0.4167, 0.1364],
+  color: '#529CD6',
+  content: {
+    cur_total: 450,
+    pre_total: 748,
+    cycle_rate: -0.3983957219251337,
+    proportion: 0.2899
+  }
+}, {
+  type: 'line',
+  symbol: 'emptyCircle',
+  symbolSize: 8,
+  showSymbol: false,
+  connectNulls: true,
+  lineStyle: {
+    width: 3
+  },
+  smooth: true,
+  triggerLineEvent: false,
+  emphasis: {
+    focus: 'series',
+    itemStyle: {
+      borderColor: '#FF762C',
+      borderWidth: 2,
+      color: '#fff'
+    }
+  },
+  z: 2,
+  name: 'detail_reddit',
+  data: [{
+    value: 2,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 1,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 2,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 1,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 0,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 0,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 0,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }],
+  proportion: [0.0113, 0.0056, 0.0064, 0.0037, 0, 0, 0],
+  color: '#FF762C',
+  content: {
+    cur_total: 6,
+    pre_total: 23,
+    cycle_rate: -0.7391304347826086,
+    proportion: 0.0039
+  }
+}, {
+  type: 'line',
+  symbol: 'emptyCircle',
+  symbolSize: 8,
+  showSymbol: false,
+  connectNulls: true,
+  lineStyle: {
+    width: 3
+  },
+  smooth: true,
+  triggerLineEvent: false,
+  emphasis: {
+    focus: 'series',
+    itemStyle: {
+      borderColor: '#F9B522',
+      borderWidth: 2,
+      color: '#fff'
+    }
+  },
+  z: 2,
+  name: 'detail_news',
+  data: [{
+    value: 2,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 7,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 5,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 0,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 10,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 4,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }, {
+    value: 0,
+    itemStyle: {
+      opacity: 1
+    },
+    select: {
+      itemStyle: {
+        opacity: 1
+      }
+    }
+  }],
+  proportion: [0.0113, 0.0393, 0.016, 0, 0.0375, 0.0133, 0],
+  color: '#F9B522',
+  content: {
+    cur_total: 28,
+    pre_total: 30,
+    cycle_rate: -0.06666666666666667,
+    proportion: 0.018
+  }
+}];
+export default (function () {
+  return /*#__PURE__*/React.createElement(LineChart, {
+    data: data
+  });
+});