GithubHelp home page GithubHelp logo

Comments (5)

carlobailey avatar carlobailey commented on August 21, 2024

Update: I simplified the script and hard coded the data and still getting the same error. Is it because I am converting UNIX to a Date object? This is line 15 of the eventDrop.js file that is throwing the error: .domain(data.map((d) => d.name))

Here's my code

var harddata = {
    "sensor1": [
        new Date(1458068401000),
        new Date(1458068401000),
        new Date(1458068403000),
        new Date(1458068404000),
        new Date(1458068405000),
        new Date(1458068406000),
        new Date(1458068411000),
        new Date(1458068413000),
        new Date(1458068415000),
        new Date(1458068416000)
    ]
};

d3.select("body").selectAll("p")

var eventDropsChart = d3.chart.eventDrops()
.eventColor('blue')
.width(1800);

d3.select('body')
  .datum(harddata)
  .call(eventDropsChart);

from eventdrops.

jpetitcolas avatar jpetitcolas commented on August 21, 2024

You need to pass an array of data, each of them containing a name and an array of dates:

var hardData = [{
    name: 'sensor1',
    dates: [
        new Date(1458068401000),
        new Date(1458068401000),
        new Date(1458068403000),
        new Date(1458068404000),
        new Date(1458068405000),
        new Date(1458068406000),
        new Date(1458068411000),
        new Date(1458068413000),
        new Date(1458068415000),
        new Date(1458068416000),
    ],
}];

var eventDropsChart = d3.chart.eventDrops()
    .eventColor('blue')
    .width(1800);

d3.select('body')
    .datum(hardData)
    .call(eventDropsChart);

You also have a useless call with selectAll('p'). :)

Note: for better code formatting, use a triple backtick.

from eventdrops.

jpetitcolas avatar jpetitcolas commented on August 21, 2024

You even don't need call to the new Date() constructor: it also works with just some timestamps.

from eventdrops.

carlobailey avatar carlobailey commented on August 21, 2024

Thank you for the prompt response and being patient with my amateur request.

Works like a charm

from eventdrops.

StudioAleph avatar StudioAleph commented on August 21, 2024

what I do wrong?

this cod was running correctly but suddenly shows error

resnderStudent(){
    return this.state.ProductList.map(Products=>
      <ListItem key={Products.Id}>
        <Left>
           <Body style={{ flex:1, flexDirection: 'row' }}>
              <Button icon transparent  style={{width:27,padding:0}} onPress={this.LessProduct.bind(this,Products.Id)}>
                 <Left>
                   <Icon type="FontAwesome" name="minus-circle" style={{fontSize:30,color:'blue'}}/>
                 </Left>
              </Button>
              <Text style={{ minWidth:20, textAlign:'center',alignSelf: 'center'}}>
                 {this.props.ShowCount[Products.Id]}
              </Text>
              <Button icon transparent style={{width:27,padding:0}} onPress={this.UserOrderBasket.bind(this,Products.Id)}>
                 <Left>
                    <Icon type="FontAwesome" name='plus-circle' style={{fontSize:30,color:'blue'}}/>
                 </Left>
              </Button>
           </Body>
        </Left>
        <Body>
          <Text>{Products.Name}</Text>
          <Text note>توضیحات کوتاه در باره محصول ... </Text>
        </Body>
        <Thumbnail square size={50} source={{ uri: Products.Photo }} />
      </ListItem>
    );
  }

it say's TypeError: this.state.ProductList.map is not a function but it was work
how can I solve this problem?

from eventdrops.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.