微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何在数据库中使用网络可视化图表?

如何解决如何在数据库中使用网络可视化图表?

如何在数据库中使用网络可视化图表?

Here is my code 用于网络可视化图表:

const dataSource = {
  chart: {
    caption: "ISP Routing Path",xaxisminvalue: "0",xaxismaxvalue: "100",yaxisminvalue: "0",yaxismaxvalue: "100",theme: "fusion",basefontsize: "11",plothovereffect: "0"
  },dataset: [
    {
      data: [
        {
          id: "isp",x: "80",y: "83",alpha: "0",name: "ISP",radius: "60",shape: "CIRCLE",imagenode: "1",imagealign: "MIDDLE",imageheight: "50",imagewidth: "50",imageurl: "https://s8.postimg.cc/k0pea9uw5/globe.png"
        },{
          id: "modem",x: "55",label: "Modem",imageheight: "30",imagewidth: "40",imageurl: "https://s8.postimg.cc/3qz87kmut/electronics.png"
        },{
          id: "router",x: "45",y: "65",name: "Master Router",imageheight: "40",imageurl: "https://s8.postimg.cc/io7p89uut/router.png"
        },{
          id: "subrouter1",x: "20",y: "55",name: "Sub Router 1",{
          id: "subrouter2",x: "75",y: "45",name: "Sub Router 2",{
          id: "subrouter3",x: "40",name: "Sub Router 3",{
          id: "desktop-srouter1",x: "10",y: "30",name: "Public Desktop",imageurl: "https://s8.postimg.cc/b9idg2911/multimedia.png"
        },{
          id: "nas-srouter1",name: "Network Storage",imageheight: "20",imagewidth: "30",imageurl: "https://s8.postimg.cc/mymd3sfcl/nas.png"
        },{
          id: "mobile1-srouter2",x: "65",y: "20",label: "Ronnie's Mobile",imagewidth: "15",imageurl: "https://s8.postimg.cc/ec4ebmm0l/image.png"
        },{
          id: "mobile2-srouter2",x: "90",y: "25",label: "Julliet's Mobile",{
          id: "laptop1-srouter2",y: "15",name: "Romeo's Laptop",imageheight: "45",imagewidth: "60",imageurl: "https://s8.postimg.cc/qd94xq5at/new_laptop.png"
        },{
          id: "st-srouter3",x: "30",name: "Smart TV",imageurl: "https://s8.postimg.cc/wbmy7t3n9/image.png"
        },{
          id: "desktop-srouter3",name: "Amy's Desktop",{
          id: "mobile-srouter3",y: "35",label: "Amy's Mobile",imageurl: "https://s8.postimg.cc/ec4ebmm0l/image.png"
        }
      ]
    }
  ],connectors: [
    {
      stdthickness: "2",connector: [
        {
          from: "isp",to: "modem",color: "#1aaf5d",strength: "1",arrowatstart: "0",arrowatend: "0"
        },{
          from: "modem",to: "router",{
          from: "router",to: "subrouter1",to: "subrouter2",to: "subrouter3",{
          from: "subrouter1",to: "desktop-srouter1",to: "nas-srouter1",{
          from: "subrouter2",to: "mobile1-srouter2",to: "mobile2-srouter2",to: "laptop1-srouter2",{
          from: "subrouter3",to: "st-srouter3",to: "desktop-srouter3",to: "mobile-srouter3",arrowatend: "0"
        }
      ]
    }
  ]
};

FusionCharts.ready(function() {
  var myChart = new FusionCharts({
    type: "dragnode",renderAt: "chart-container",width: "100%",height: "100%",dataFormat: "json",dataSource
  }).render();
});
#chart-container{
 height: 500px; 
}
<div id="chart-container"></div>

我想要来自数据库的数据。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。